/* ============================================================================
 * La Toxica  Design System V6  Wave 2 Header Padding Token
 * ----------------------------------------------------------------------------
 * File:        assets/css/v6-header-padding.css
 * Created:     2026-05-04
 * Sprint:      V6 Wave 2 (Hero A overhaul + sitewide header-clearance fix)
 * Loads at:    wp_enqueue_scripts priority 36 (after design-system-v6 at 35)
 * Cascade:     last in the V5 plus V6 chain so the padding-top on
 *              .latoxica-hero-{a,b,c,d} wins over the V5 hero rules without
 *              touching the sealed design-system-v6.css.
 *
 * Why this exists: V5 Wave 2 shipped Hero variants without a sitewide token
 * for the sticky header height, so non-home pages (reservation, menu, presse,
 * contact, a-propos, traiteur) under-cleared the brand bar at the top of the
 * hero frame. This token plus rule fixes the overlay sitewide, without
 * editing per-page templates. Other V6 waves can now consume
 * --latoxica-header-h directly when they need to clear the header on
 * non-hero surfaces.
 * ========================================================================== */

:root {
    --latoxica-header-h: 96px;
}

@media (max-width: 768px) {
    :root {
        --latoxica-header-h: 72px;
    }
}

.latoxica-hero-a,
.latoxica-hero-b,
.latoxica-hero-c,
.latoxica-hero-d {
    padding-top: calc(var(--latoxica-header-h) + clamp(2rem, 4vw, 4rem));
}