/* Mobile menu flash prevention - Force hide desktop nav on mobile and prevent FOUC */
@media only screen and (max-width: 992px) {
    /* Force hide the desktop navigation wrapper immediately */
    .nav-wrap {
        display: none !important;
    }
    
    /* Force hide the desktop navigation menu */
    #mainnav {
        display: none !important;
    }
    
    /* Mobile menu positioning and initial state */
    #mainnav-mobi {
        position: fixed !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9998 !important;
        display: none; /* Start hidden, will be toggled by JS */
    }
    
    /* Ensure mobile button is visible */
    .mobile-button {
        display: block !important;
    }
}

/* Desktop mode - ensure desktop nav is visible */
@media only screen and (min-width: 993px) {
    .nav-wrap {
        display: block !important;
    }
    
    #mainnav {
        display: block !important;
    }
    
    /* Hide mobile menu and button on desktop */
    #mainnav-mobi {
        display: none !important;
    }
    
    .mobile-button {
        display: none !important;
    }
}