/* Emergency Fix - Hide mobile menu panel when not active */

@media screen and (max-width: 768px) {
    /* Ensure menu panel is completely off-screen when closed */
    body .mobile-menu-panel:not(.active),
    body #mobile-menu-panel:not(.active) {
        left: -400px !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transform: none !important;
    }

    /* When active, show the menu */
    body .mobile-menu-panel.active,
    body #mobile-menu-panel.active {
        left: 0 !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    /* Ensure overlay is hidden when not active */
    body .mobile-menu-overlay:not(.active),
    body #mobile-menu-overlay:not(.active) {
        display: none !important;
    }

    body .mobile-menu-overlay.active,
    body #mobile-menu-overlay.active {
        display: block !important;
    }
}

/* Ensure desktop doesn't show mobile menu at all */
@media screen and (min-width: 769px) {
    .mobile-menu-panel,
    #mobile-menu-panel,
    .mobile-menu-overlay,
    #mobile-menu-overlay {
        display: none !important;
    }
}