/**
 * V11 centering sheet (enqueued at priority 101 — last in the cascade).
 *
 * Client direction (Suzie, 2026-06-04): the site read as left-aligned and the heroes started
 * too far down the page; she wants every page/section to look well centered, and each hero to
 * land centered on the customer's screen.
 *
 * Root cause: every hero (`.latoxica-hero-*`, `.latoxica-reservation-hero`) was laid out with
 * `align-items:flex-end; justify-content:flex-start; text-align:start` plus a large
 * `padding-top` (~154px), so hero content sat low and hugged the left edge. Content wrappers
 * elsewhere are already centered (equal left/right margins); the dominant "left-aligned" feel
 * came from the heroes and from section text defaulting to `start`.
 *
 * Fix: vertically + horizontally center hero content so it lands in the middle of the viewport,
 * with only enough top padding to clear the transparent fixed header. Center hero CTA rows and
 * section headers (eyebrow/title/intro). Sealed-sheet discipline: a new sheet, no edits to the
 * hero/redesign sheets.
 */

/* ---- Heroes: land centered on screen (vertical + horizontal) ---- */
.latoxica-hero-a,
.latoxica-hero-b,
.latoxica-hero-c,
.latoxica-hero-d,
.latoxica-reservation-hero,
.latoxica-hero {
    /* `safe center` centers content vertically when it fits, but anchors it just
       below the header (never overflowing up into the nav) when the hero content is
       taller than the space under the transparent fixed header (~192px). */
    align-items: safe center !important;
    justify-content: center !important;
    text-align: center !important;
    padding-top: clamp(150px, 20vh, 210px) !important;
    padding-bottom: clamp(2rem, 7vh, 4.5rem) !important;
}

/* Hero content column: centered, comfortable measure, centered text. */
.latoxica-hero-a__content,
.latoxica-hero-b__content,
.latoxica-hero-c__content,
.latoxica-hero-d__content,
.latoxica-reservation-hero__content,
.latoxica-hero-a > .latoxica-wrap,
.latoxica-hero-b > .latoxica-wrap,
.latoxica-hero-c > .latoxica-wrap,
.latoxica-hero-d > .latoxica-wrap,
.latoxica-reservation-hero > .latoxica-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    max-width: min(92%, 980px) !important;
}

/* Hero eyebrow / Caveat script / headline / body inherit centering; make sure
   inline-flex eyebrows (with the ── dash rules) center as a group. */
.latoxica-hero-a .latoxica-eyebrow,
.latoxica-hero-b .latoxica-eyebrow,
.latoxica-hero-c .latoxica-eyebrow,
.latoxica-hero-d .latoxica-eyebrow,
.latoxica-reservation-hero .latoxica-eyebrow {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Hero CTA / pill / button rows centered. */
.latoxica-hero-a [class*="cta"],
.latoxica-hero-a [class*="actions"],
.latoxica-hero-a [class*="buttons"],
.latoxica-hero-a [class*="pills"],
.latoxica-reservation-hero [class*="cta"],
.latoxica-reservation-hero [class*="actions"],
.latoxica-reservation-hero [class*="buttons"],
.latoxica-reservation-hero [class*="pills"],
[class*="latoxica-hero"] [class*="cta"],
[class*="latoxica-hero"] [class*="buttons"],
[class*="latoxica-hero"] [class*="pills"] {
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
}

/* ---- Section headers: keep eyebrow / title / intro centered sitewide ---- */
.latoxica-section__eyebrow,
.latoxica-section__title,
.latoxica-section__intro,
.latoxica-section-head,
[class*="latoxica-"][class*="__head"] {
    margin-left: auto !important;
    margin-right: auto !important;
}