/* Custom CSS to fix mobile sidebar scrolling issues */

@media (max-width: 768px) {
    /* Prevent the background page content from scrolling when the sidebar is open on mobile */
    body.show-sidebar #wrapper {
        overflow: hidden !important;
        max-height: calc(100vh - 57px) !important;
    }

    /* Ensure the mobile sidebar has smooth scrolling and its own scrollbar */
    #menu.sidebar {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important; /* Smooth momentum scrolling on iOS Safari */
    }
}

/* Ensure setup menu is always on top of main menu sidebar on desktop/mobile when active */
#setup-menu-wrapper {
    z-index: 101 !important;
}