/* Mobile Navigation Improvements */

/* On mobile, better spacing for all items */
@media (max-width: 575px) {
    .navbar-nav .nav-item .nav-link {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    
    /* Better spacing between sections */
    .navbar-collapse {
        padding-bottom: 1rem;
    }
    
    /* Make icons consistent on mobile */
    .navbar-nav .bi {
        font-size: 1.1rem;
        width: 1.5rem;
        display: inline-block;
        text-align: center;
    }
    
    /* Mobile dropdowns should be full width */
    .navbar-nav .dropdown-menu {
        position: static !important;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: rgba(255, 255, 255, 0.05);
        border: none;
        box-shadow: none;
    }
    
    /* Dropdown items in mobile nav */
    .navbar-nav .dropdown-menu .dropdown-item {
        color: rgba(255, 255, 255, 0.85);
        padding-left: 3rem;
    }
    
    .navbar-nav .dropdown-menu .dropdown-item:hover,
    .navbar-nav .dropdown-menu .dropdown-item:focus {
        background-color: rgba(255, 255, 255, 0.1);
        color: white;
    }
    
    /* Badge positioning for mobile */
    .dropdown-item .badge {
        position: relative !important;
    }
}

/* Desktop: hide mobile-only admin items */
@media (min-width: 576px) {
    .d-block.d-sm-none {
        display: none !important;
    }
}

/* Improve dropdown on desktop for admin items */
@media (min-width: 576px) {
    .dropdown-menu {
        min-width: 220px;
    }
    
    .dropdown-header {
        font-size: 0.875rem;
        font-weight: 600;
    }
    
    .dropdown-item i {
        width: 1.25rem;
        display: inline-block;
    }
}