/* css/mobile-fix.css - Mobile menu fixes for all pages */

@media (max-width: 768px) {
    /* Mobile menu button fixes */
    .mobile-menu-btn {
        display: block !important;
        z-index: 1001 !important;
        position: relative;
    }
    
    /* Navigation menu fixes */
    .nav-links {
        position: fixed !important;
        top: 84px !important;
        left: 0 !important;
        width: 100% !important;
        background: white !important;
        flex-direction: column !important;
        padding: 25px !important;
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
        transform: translateY(-100%) !important;
        opacity: 0 !important;
        transition: all 0.3s ease !important;
        z-index: 1000 !important;
        max-height: calc(100vh - 84px) !important;
        overflow-y: auto !important;
        display: flex !important; /* or block depending on your layout */
    }
    
    .nav-links.active {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }
    
    /* Logo fixes */
    .logo {
        position: relative !important;
        z-index: 1002 !important;
    }
    
    /* Prevent body scroll when menu is open */
    body.menu-open {
        overflow: hidden !important;
    }
}