/* ============================================================================
 * V15 CONTRAST & ALIGNMENT SEALED SHEET (priority 112)
 *
 * Sealed-sheet compliant: new sheet, never edits existing sealed sheets.
 * Loaded after v14-convergence (111), the highest-priority sheet.
 *
 * Fixes:
 *   1. Announcement bar (.bg-brand-white): invisible cream-on-cream text
 *   2. Zebra-pattern cream override on dark-intended sections
 *      (asymmetric birria/traiteur + CTA band — designed for dark bg in V5)
 *   3. Trois-adresses eyebrow: pink (#EC2C91) on cream (#f7f1e8) → 3.5:1
 *      fails WCAG AA 4.5:1 for small text; switch to charcoal
 *   4. Mobile: center-align all section text content for cohesive reading
 * ============================================================================ */

/* ── 1. Announcement bar: cream-on-cream invisible text ──────────────────
 * .bg-brand-white uses identical bg + text colors (#ede0cf). Force ink. */
.bg-brand-white,
[class*="bg-brand-white"],
header .bg-brand-white,
.announcement-bar {
    color: var(--noir-azabache, #0A0707) !important;
}

/* ── 2. Restore dark backgrounds for dark-intended sections ──────────────
 * v11-global.css zebra pattern (main > section:nth-child(even)) forces
 * cream (#faf7f2) on every even section, overriding the dark bg these
 * sections were designed for in v5-pages-*. Higher specificity here beats
 * the zebra (0,1,2). Restores the canonical dark-section treatment:
 * noir-azabache bg + cream/white text. */
main > section.latoxica-section-asymmetric:nth-child(even) {
    background: var(--noir-azabache, #0A0707) !important;
    color: var(--creme-tortilla, #F2EAD6) !important;
}

main > section.latoxica-cta-band:nth-child(even) {
    background: var(--noir-azabache, #0A0707) !important;
    color: var(--os-blanchi, #ffffff) !important;
}

/* ── 3. Trois-adresses eyebrow: pink-on-cream contrast fail ──────────────
 * #EC2C91 on #f7f1e8 → 3.5:1. Small text (11px uppercase mono) needs
 * 4.5:1 minimum. Switch to charcoal for reliable AA compliance
 * while keeping the uppercase mono treatment. */
.latoxica-trois-adresses .latoxica-eyebrow,
.latoxica-trois-adresses__head .latoxica-eyebrow {
    color: var(--noir-azabache, #0A0707) !important;
}

/* ── 4. Defensive: cream-section text force-dark ─────────────────────────
 * Cream sections (trois-adresses, trois-etapes, glossary, traiteur)
 * have their background set to cream by v14-convergence. But the v11 zebra
 * pattern (main > section:nth-child(odd) {color:#fff}) leaves white text
 * on those sections. Force dark text for readability. */
.latoxica-trois-adresses,
.latoxica-trois-etapes,
.latoxica-glossary,
.latoxica-v10-traiteur-formules {
    color: var(--noir-azabache, #0A0707) !important;
}

/* Ensure headings in cream sections carry the dark color */
.latoxica-trois-adresses h2,
.latoxica-trois-adresses h3,
.latoxica-trois-adresses p,
.latoxica-trois-etapes h2,
.latoxica-trois-etapes h3,
.latoxica-trois-etapes p,
.latoxica-glossary h2,
.latoxica-glossary h3,
.latoxica-glossary p,
.latoxica-v10-traiteur-formules h2,
.latoxica-v10-traiteur-formules h3,
.latoxica-v10-traiteur-formules p {
    color: inherit;
}

/* ── 5. Mobile center alignment ──────────────────────────────────────────
 * On viewports ≤768px: center-align all section-level content for a
 * cohesive, mobile-first reading experience. Asymmetric copy blocks,
 * card bodies, press strip, and reviews marquee all snap to center. */
@media (max-width: 768px) {
    /* Asymmetric copy: full centering */
    .latoxica-section-asymmetric__copy,
    .latoxica-section-asymmetric__copy h2,
    .latoxica-section-asymmetric__copy p,
    .latoxica-section-asymmetric__copy .latoxica-eyebrow {
        text-align: center !important;
        align-items: center !important;
    }

    .latoxica-section-asymmetric__copy .latoxica-eyebrow {
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .latoxica-section-asymmetric__cta {
        justify-content: center !important;
    }

    /* Trois adresses: card bodies center */
    .latoxica-trois-adresses__body {
        text-align: center !important;
        align-items: center !important;
    }

    /* Trois adresses: section head text */
    .latoxica-trois-adresses__head {
        text-align: center !important;
    }

    /* Press strip */
    .latoxica-press-strip {
        text-align: center !important;
    }

    /* Reviews marquee */
    .latoxica-testimonials-marquee {
        text-align: center !important;
    }

    /* Section-level: trois adresses entire section */
    section.latoxica-trois-adresses {
        text-align: center !important;
    }
}