/* Mobile Menu Fix for Category Pages */

/* Ensure mobile menu toggle is visible on mobile devices */
@media (max-width: 991px) {
    /* Make sure the navbar-toggler is visible and properly positioned */
    .navbar-toggler, #mobileMenuToggle {
        display: block !important;
        margin-left: auto;
        margin-right: 8px;
        padding: 10px;
        z-index: 1050;
        background-color: #0056b3;
        border-radius: 5px;
    }
    
    /* Ensure hamburger icon is visible */
    .hamburger-icon {
        display: block !important;
        visibility: visible !important;
    }
    
    /* Ensure hamburger icon lines are visible */
    .hamburger-icon span {
        display: block !important;
        visibility: visible !important;
        background-color: white !important;
    }
    
    /* Fix mobile menu positioning */
    .mobile-menu {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 80% !important;
        max-width: 300px !important;
        height: 100% !important;
        z-index: 1000 !important;
        transition: all 0.3s ease !important;
        overflow-y: auto !important;
        display: block !important;
        visibility: visible !important;
    }
    
    /* Fix mobile menu active state */
    .mobile-menu.active {
        left: 0 !important;
    }
    
    /* Fix mobile menu overlay */
    .mobile-menu-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0,0,0,0.5) !important;
        z-index: 999 !important;
        display: none !important;
    }
    
    /* Fix mobile menu header */
    .mobile-menu-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 15px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
    
    /* Fix mobile menu close button */
    .mobile-menu-close {
        color: white !important;
        font-size: 24px !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        display: block !important;
        visibility: visible !important;
    }
    
    /* Fix mobile menu body */
    .mobile-menu-body {
        padding: 15px !important;
    }
    
    /* Fix mobile menu links */
    .mobile-menu-body .nav-link {
        display: block !important;
        visibility: visible !important;
    }
    
    /* Fix mobile logo display */
    .mobile-nav-logo,
    .mobile-menu-header-logo,
    .mobile-logo {
        display: inline-block !important;
        visibility: visible !important;
    }
    
    /* Fix navbar layout */
    .navbar {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    /* Fix logo container */
    .d-flex.align-items-center.d-lg-none {
        display: flex !important;
        visibility: visible !important;
    }
}