/* Mobile Navigation Fix */
/* Additional fixes for mobile menu */

@media (max-width: 768px) {
    /* Ensure mobile menu works properly */
    .mobile-slide-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 85%;
        max-width: 320px;
        height: 100vh;
        z-index: 99999;
        transition: right 0.3s ease;
    }
    
    .mobile-slide-menu.active {
        right: 0;
    }
    
    .mobile-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 99998;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }
    
    .mobile-menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }
}