/* ============================================================================
 * lumen-reset-white.css — clean slate.
 *
 * Added 2026-06-15 21:37 per Yousef ("اول شي بتعملو انت بتخلي خلفية الويبسايت
 * كلها لون واحد هو الابيض . وبعدي بتبني الهوية البصرية").
 *
 * This file:
 *   1. Forces the page body, all <main> sections, every hero, and the
 *      footer to a clean cream-white background.
 *   2. Removes the old sunset sky / radial gradients / brand stripes
 *      that previous layers stacked on heroes.
 *   3. Hides every old injected decoration (shapes, scenery, signature
 *      ribbons, palette bands, KenBurns photos, identity SVG #1, globe,
 *      spotlight, page-curtain). JS cleanup runs too — both belts and braces.
 *
 * Per-page identities will be added on TOP of this clean white field by
 * lumen-clean-identities.css. Each page gets ONE clear decoration only,
 * no overlapping layers.
 * ========================================================================== */

/* ─── 1. White everything ───────────────────────────────────────────────── */
html, body {
    background: #FFFFFF !important;
    color: #2A2D38 !important;
}
body, main, main > section, main > .section,
.cinematic-hero, .page-hero, .store-hero, .rp-hero, .sanctuary-hero {
    background: #FFFFFF !important;
}

/* Heroes — flatten any inherited gradients / radial backgrounds */
.cinematic-hero,
.page-hero,
.store-hero,
.rp-hero,
.sanctuary-hero {
    background-image: none !important;
    background-color: #FFFFFF !important;
    color: #2A2D38 !important;
    isolation: isolate;
    position: relative;
}
/* Pseudo-elements from previous layers — neutralised */
.cinematic-hero::before, .cinematic-hero::after,
.page-hero::before,     .page-hero::after,
.store-hero::before,    .store-hero::after,
.rp-hero::before,       .rp-hero::after {
    content: none !important;
    background: transparent !important;
}

/* ─── 2. Hide every old injected decoration ──────────────────────────────── */
.lumen-hero-photo,
.lumen-hero-scenery,
.lumen-page-shapes,
.lumen-palette-band,
.lumen-signature-ribbon,
.lumen-globe,
.lumen-spotlight,
.lumen-page-curtain,
.lumen-mist-storm,
.lumen-liturgy-mark,
.lumen-identity,                    /* the FIRST identities iteration */
.cinematic-hero__media,
.sanctuary-hero__bg,
.store-hero__bg,
.rp-hero__bg,
.sanctuary-hero__sky,
.sanctuary-hero__sun,
.sanctuary-hero__rays,
.sanctuary-hero__mountains,
.sanctuary-hero__water { display: none !important; }

/* ─── 3. Marquee verse band — keep, but on white instead of navy ────────── */
.lumen-marquee-band--top {
    background: linear-gradient(180deg, #FFFEFB 0%, #FBF6E9 100%) !important;
    border-top: 1px solid rgba(13, 17, 23, 0.06) !important;
    border-bottom: 1px solid rgba(13, 17, 23, 0.06) !important;
}
.lumen-marquee-band--top .lumen-marquee-band__track { color: var(--gold-deep, #b9892f) !important; }
.lumen-marquee-band--top::before, .lumen-marquee-band--top::after { display: none !important; }

/* ─── 4. Social bar — clean white ────────────────────────────────────────── */
.social-bar { background: #FFFFFF !important; border-bottom: 1px solid rgba(13, 17, 23, 0.06); }

/* ─── 5. Section side stripes (from rainbow CSS) — off ──────────────────── */
main > section::before, main > .section::before { content: none !important; }
main h2 { background: none !important; color: #2A2D38 !important; -webkit-text-fill-color: initial !important; }

/* ─── 6. Footer — back to cream / ink for legibility ─────────────────────── */
.site-footer {
    background: linear-gradient(180deg, #FDFBF5, #F7EFD6) !important;
    color: #2A2D38 !important;
}
.site-footer p, .site-footer a, .site-footer .footer-mark__name { color: #2A2D38 !important; }
.site-footer h4 { color: var(--gold-deep, #b9892f) !important; }
.footer-mark__icon svg g line { stroke: var(--gold-deep, #b9892f) !important; }

/* ─── 7. Hero typography on white — confident, readable ─────────────────── */
.cinematic-hero__h1,
.page-hero__title,
.store-hero__h1,
.rp-hero__h1 {
    color: #2A2D38 !important;
    text-shadow: none !important;
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-weight: 500 !important;
    font-size: clamp(2.6rem, 7vw, 5.4rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.012em !important;
}
.cinematic-hero__lede,
.page-hero__lede,
.store-hero__lede,
.rp-hero__lede {
    color: #5A6173 !important;
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic;
    font-size: clamp(1.05rem, 1.6vw, 1.25rem) !important;
}
.cinematic-hero__kicker,
.page-hero__kicker,
.store-hero__kicker,
.rp-hero__kicker {
    color: var(--gold-deep, #b9892f) !important;
    font-family: var(--sans);
    font-size: 0.75rem !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase;
    font-weight: 700;
}

/* ─── 8. Heroes — quiet minimum height, content centered ──────────────── */
.cinematic-hero, .page-hero, .store-hero, .rp-hero {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(2rem, 6vw, 5rem) 1.25rem;
}
.cinematic-hero__inner,
.page-hero__inner,
.store-hero__inner,
.rp-hero__inner {
    position: relative;
    z-index: 5;
    text-align: center;
    max-width: 40rem;
    margin: 0 auto;
}

/* ─── 9. Disable the cinematic-hero ken-burns drift (no media to drift) ── */
.cinematic-hero__media img { animation: none !important; }