/* Scout — Mobile Nav CSS Fix v1.3
   Fixes EAEL Simple Menu + Elementor nav flash on mobile when WP Rocket delays JS.
   Targets pre-JS --loading state only. Once EAEL/Elementor JS loads and removes
   --loading, these rules have zero effect. Permanent — survives all plugin updates. */

/* ── EAEL Simple Menu fix ──────────────────────────────────────────────────
   hamburgerDevice = "tablet" → hamburger activates at ≤ 1024px.
   Before JS loads, --loading is on the container and both the nav UL
   and hamburger toggle are visible simultaneously. Hide the UL only. */
@media (max-width: 1024px) {
    .eael-simple-menu-container.eael-simple-menu--loading ul.eael-simple-menu {
        display: none !important;
    }
}

/* ── Elementor Nav Menu fix ────────────────────────────────────────────────
   Belt-and-braces: hide Elementor horizontal nav on mobile before JS loads. */
@media (max-width: 767px) {
    .elementor-nav-menu--layout-horizontal {
        display: none !important;
    }
    .elementor-menu-toggle {
        display: flex !important;
    }
}