/* =====================================================================
   AL ZAHRA CENTRE PAGE — style.css
   Page-specific tweaks only. Hero banner, donation card, project detail
   blocks (.cc-intro, .cc-facts, .cc-media, .cc-features) all come from
   the shared design system in assets/css/main.css.
   ===================================================================== */

.donate-wrap {
    margin-top: 4px;
}

/* ---------- hero background image ---------- */
.page-hero.dark {
    position: relative;
    /* Dark gradient overlay + background image */
    background: linear-gradient(
            180deg,
            rgba(14, 51, 36, 0.90) 10%,
            rgba(10, 38, 27, 0.49) 100%
    ),
    url("/assets/img/centre/MainNewCentrePic.jpg") center/cover no-repeat;
}