/**
 * V11 contrast fix (enqueued at priority 101 — after every other sheet).
 *
 * Defect B family — dark-on-dark headings on content pages.
 *
 * Root cause: `.entry-content` carries the Tailwind Typography classes
 * `prose prose-neutral`, and style.css ships `.prose :where(h1,h2,h3,…) { color:
 * var(--tw-prose-headings) }` with `--tw-prose-headings: #171717`. V11 injects its
 * native sections into `.entry-content` and sets each section's text `color` correctly
 * (cream on charcoal, ink on cream). But the prose heading rule overrides that, so every
 * heading inside a dark V11 section (cocktail names, section titles, FAQ headings, etc.)
 * renders near-black on near-black — invisible. Observed on /fr/cocktails-et-bar/ (all
 * cocktail names + section titles), /fr/birria/ (FAQ heading), and other bat-pattern pages.
 *
 * Fix: let headings inside V11 blocks inherit their section's colour (which V11 already
 * sets correctly) instead of the prose dark neutral. Scoped to `.entry-content` so the
 * front-page template and genuine prose article copy are untouched. `:where()` keeps the
 * prose rule at 0 specificity, so `.entry-content [class*="latoxica-"] :where(h*)` at
 * (0,2,0) wins cleanly without !important.
 *
 * Also: `.latoxica-button--ghost` (cream text + faint rose border) is designed for dark
 * surfaces but is reused on the cream age-gate modal and cream reservation cards, where it
 * renders cream-on-cream (invisible). Give it ink text + a visible border on those light
 * surfaces.
 *
 * Sealed-sheet discipline: new sheet, no edits to style.css or the V11 sheets.
 */

.entry-content [class*="latoxica-"] :where(h1, h2, h3, h4, h5, h6),
.entry-content :where(h1, h2, h3, h4, h5, h6)[class*="latoxica-"] {
    color: inherit;
}

/*
 * Cream-background components must carry ink text. On storefront / location pages these
 * cards and galleries sit inside a charcoal page wrapper and would otherwise inherit its
 * cream colour — cream-on-cream. Pin their base colour to ink so their headings (via the
 * inherit rule above) and body text read correctly on the cream surface. This sheet loads
 * last, so it wins the same-specificity tie.
 */
.latoxica-reservation-card,
.latoxica-storefront-gallery {
    color: var(--latoxica-ink, #1A1A1A);
}

/*
 * Reservation "appelez-nous" fallback band: a charcoal section whose heading and body text
 * inherited a dark colour — dark-on-dark, so the fallback phone CTAs and copy were invisible
 * (this is the fallback-phones-must-stay-visible requirement). Force cream text on the band;
 * its phone buttons keep their own button styling.
 */
.latoxica-reservation-fallback {
    color: var(--latoxica-cream, #F2EAD6);
}
/* Legacy sheets (reservation-redesign.css, v5-pages-b.css) pin
   `.latoxica-reservation-fallback h2` to ink at specificity (0,1,1); match it with element
   selectors + !important so the charcoal band's text is cream. */
.latoxica-reservation-fallback h1,
.latoxica-reservation-fallback h2,
.latoxica-reservation-fallback h3,
.latoxica-reservation-fallback h4,
.latoxica-reservation-fallback h5,
.latoxica-reservation-fallback h6,
.latoxica-reservation-fallback p,
.latoxica-reservation-fallback li {
    color: var(--latoxica-cream, #F2EAD6) !important;
}

/*
 * `.latoxica-button--ghost` hard-codes cream text (for dark heroes) across several legacy
 * sheets, so it renders cream-on-cream — invisible — wherever it's reused on a light
 * section (cream "trois adresses" CTA bands, the age-gate modal, reservation cards). Make
 * ghost buttons inherit their section's text colour, which V11 always sets to contrast that
 * section's background (cream on charcoal, ink on cream). This sheet loads last, so it wins
 * the same-specificity tie against the legacy cream rules. Border follows the text colour.
 */
.latoxica-button--ghost {
    color: inherit;
    border-color: currentColor;
}

/* Belt-and-suspenders for the always-cream surfaces (age-gate modal + reservation cards),
   in case a deeper rule re-asserts cream. The "trois adresses" CTA is left to the inherit
   rule above because that band is cream on some templates and charcoal on others. */
.latoxica-age-gate .latoxica-button--ghost,
.latoxica-reservation-card .latoxica-button--ghost {
    color: var(--latoxica-ink, #1A1A1A) !important;
    border-color: rgba(26, 26, 26, 0.45) !important;
}
