/* Mobile Sidebar Fix - Responsive behavior for all pages */

/* Hide sidebar on mobile devices */
@media (max-width: 768px) {
    /* Hide sidebar by default on mobile */
    .navbar-static-side {
        display: none !important;
        width: 0 !important;
        transform: translateX(-220px);
        transition: transform 0.3s ease;
    }
    
    /* Adjust page wrapper to full width */
    #page-wrapper {
        margin-left: 0 !important;
    }
    
    /* Show sidebar when body doesn't have mini-navbar class (menu is open) */
    body:not(.mini-navbar) .navbar-static-side {
        display: block !important;
        width: 220px !important;
        transform: translateX(0);
        position: fixed;
        z-index: 2001;
        height: 100%;
        background: #2f4050;
        overflow-y: auto !important;
        overflow-x: hidden;
    }
    
    /* Ensure sidebar content is scrollable */
    body:not(.mini-navbar) .sidebar-collapse {
        height: 100% !important;
        overflow-y: auto !important;
    }
    
    /* Add overlay when menu is open */
    body:not(.mini-navbar) .mobile-menu-overlay {
        display: block;
    }
    
    .mobile-menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 2000;
        cursor: pointer;
    }
}