/* ============================================================
   HERO BANNER — ensure content never sits under sticky header
   ============================================================ */

/* The hero bg is intentionally behind the header as it scrolls —
   ensure the CONTENT (headline, CTA) always has enough top room */
@media (max-width: 991px) {
    .hero-section {
        padding-top: 1.5rem !important;
    }
}

/* ============================================================
   MOBILE MENU DRAWER — starts below the sticky header
   Prevents the drawer top-edge from hiding the header on open
   ============================================================ */
@media (max-width: 991px) {
    /* Slide drawer: start at top:0 but content padded to 80px
       so the header logo/trigger remain visible above the drawer */
    .site-navigation .menu-container {
        padding-top: 80px !important;
    }

    /* Overlay sits just below header in z-order */
    body.menu-open::before {
        pointer-events: auto;
    }
}