/* Custom overrides for Metronic template */

/* Fix: Sidebar should be above header menu dropdown when expanded */
@media (min-width: 992px) {
    /* Make sidebar appear above header dropdown menus (z-index: 107) and header (z-index: 110) */
    .app-sidebar {
        z-index: 120 !important;
    }
    
    /* Also fix the sidebar wrapper to ensure full coverage */
    .app-sidebar .app-sidebar-wrapper {
        z-index: inherit;
    }
    
    /* Lower header dropdown z-index when sidebar is present */
    .app-header .menu-sub-dropdown,
    .app-header .menu-sub-lg-dropdown,
    .app-header-menu .menu-sub-dropdown,
    .app-header-menu .menu-sub-lg-dropdown {
        z-index: 100 !important;
    }
}