/* Mobile Sidebar Fix - Prevents sidebar from appearing under mobile bottom navigation */

@media (max-width: 767.98px) {
    /* Additional body padding to prevent content overlap */
    
    
    /* Ensure buttons are clickable on mobile */
    
    
    
    /* Ensure sidebar button is above mobile nav */
    .main-header [data-toggle="sidebar"],
    .main-header [data-bs-toggle="sidebar"] {
        z-index: 1001 !important;
        position: relative !important;
    }
    
    /* Ensure dark mode button is above mobile nav */
    .main-header .layout-setting {
        z-index: 1001 !important;
        position: relative !important;
    }
    
    /* Ensure main header is above mobile nav */
    .main-header {
        z-index: 1000 !important;
        position: relative !important;
    }
}