/* Mobile-Specific Styles */

@media (max-width: 991px) {
    /* On mobile, ensure dropdown container has proper positioning context */
    .left-sidebar-nav .list-group-item.dropdown {
        position: relative !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .left-sidebar-nav .list-group-item.dropdown .nav-link {
        position: static !important; /* FIXED: static prevents Popper.js from miscalculating position */
        margin-bottom: 0 !important;
    }
    
    /* On mobile, left sidebar dropdowns should overlay on top, not push content down */
    /* Position directly below nav-link with no gap - remove all Bootstrap default spacing */
    .left-sidebar-nav .list-group-item.dropdown .dropdown-menu {
        position: absolute !important;
        left: 0 !important;
        top: 100% !important; /* Position at bottom of .list-group-item container */
        margin: 0 !important;
        padding-top: 0 !important;
        min-width: 100% !important;
        box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;
        border: 1px solid rgba(0,0,0,0.15) !important;
        border-left: 3px solid var(--primary-color) !important;
        border-top: none !important;
        padding-left: 1rem !important;
        background-color: white !important;
        z-index: 3000 !important;
        transform: none !important; /* FIXED: Disable Popper.js transform calculations */
    }
    
    /* Remove any spacing from list-group-item that could create gap */
    .left-sidebar-nav .list-group-item.dropdown {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Ensure dropdown container is on top when active on mobile */
    .left-sidebar-nav .dropdown:hover,
    .left-sidebar-nav .dropdown.show {
        z-index: 2000 !important;
    }
    
    /* Offcanvas specific z-index */
    .offcanvas .left-sidebar-nav .list-group-item.dropdown {
        position: relative !important;
    }
    
    .offcanvas .left-sidebar-nav .list-group-item.dropdown .nav-link {
        position: static !important; /* FIXED: Ensure consistent positioning in offcanvas */
    }
    
    .offcanvas .left-sidebar-nav .dropdown:hover,
    .offcanvas .left-sidebar-nav .dropdown.show {
        z-index: 2000 !important;
    }
    
    .offcanvas .left-sidebar-nav .dropdown-menu {
        z-index: 3000 !important;
        transform: none !important; /* FIXED: Disable Popper.js transform in offcanvas */
    }
}

@media (max-width: 768px) {
    .site-title {
        font-size: 1.25rem;
    }
    
    .navbar-nav .nav-link {
        padding: 0.5rem 1rem;
    }
}