/* Fix final pour le menu - Correction complète du thème yellow */

/* ===== OVERRIDE COMPLET POUR LA SIDEBAR ===== */
.sidebar {
    background: linear-gradient(135deg, #FFF8DC 0%, #FFE4B5 100%) !important;
    border-right: 2px solid #FFD700 !important;
    box-shadow: 2px 0 12px rgba(255, 215, 0, 0.15) !important;
}

/* ===== HEADER SIDEBAR ===== */
.sidebar-header .sidebar-logo {
    background: #FFD700 !important;
    color: #8B4513 !important;
    border: 2px solid #FFA500 !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
}

.sidebar-header .sidebar-title {
    color: #8B4513 !important;
    text-shadow: 0 1px 2px rgba(255, 215, 0, 0.3) !important;
}

/* ===== TITRE DE SECTION ===== */
.sidebar-section-title {
    color: #8B4513 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* ===== TOUS LES LIENS DE NAVIGATION ===== */
.sidebar .nav-link {
    color: #8B4513 !important;
    font-weight: 500 !important;
    /* padding: 0.85rem 1.2rem !important; */
    border-radius: 0.5rem !important;
    /* margin: 0.18rem 0 !important; */
    /* font-size: 1.08rem !important; */
    display: flex !important;
    align-items: center !important;
    transition: all 0.18s ease !important;
    text-decoration: none !important;
}

/* ===== TOUTES LES ICÔNES ===== */
.sidebar .nav-link i,
.sidebar .nav-link .bi,
.sidebar i[class*="bi-"] {
    color: #FFA500 !important;
    margin-right: 0.7rem !important;
    font-size: 1.25rem !important;
    transition: color 0.18s ease !important;
}

/* ===== HOVER DES LIENS ===== */
.sidebar .nav-link:hover {
    background: #FFE4B5 !important;
    color: #FF8C00 !important;
    box-shadow: 0 2px 8px rgba(255, 165, 0, 0.2) !important;
    text-decoration: none !important;
}

.sidebar .nav-link:hover i,
.sidebar .nav-link:hover .bi,
.sidebar .nav-link:hover i[class*="bi-"] {
    color: #FF8C00 !important;
}

/* ===== LIENS ACTIFS ===== */
.sidebar .nav-link.active {
    background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%) !important;
    color: #8B4513 !important;
    box-shadow: 0 2px 12px rgba(255, 165, 0, 0.25) !important;
    font-weight: 600 !important;
}

.sidebar .nav-link.active i,
.sidebar .nav-link.active .bi,
.sidebar .nav-link.active i[class*="bi-"] {
    color: #8B4513 !important;
}

/* ===== SÉPARATEURS ===== */
.sidebar-separator {
    border-top: 1px solid #FFE4B5 !important;
    margin: 0.2rem 0 0.2rem 0.7rem !important;
}

/* ===== FORCE L'APPLICATION POUR CHAQUE LIEN SPÉCIFIQUE ===== */

/* Tableau de bord */
.sidebar .nav-link[href*="dashboard"] {
    color: #8B4513 !important;
}

.sidebar .nav-link[href*="dashboard"] i,
.sidebar .nav-link[href*="dashboard"] .bi {
    color: #FFA500 !important;
}

.sidebar .nav-link[href*="dashboard"]:hover {
    background: #FFE4B5 !important;
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="dashboard"]:hover i,
.sidebar .nav-link[href*="dashboard"]:hover .bi {
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="dashboard"].active {
    background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%) !important;
    color: #8B4513 !important;
    font-weight: 600 !important;
}

.sidebar .nav-link[href*="dashboard"].active i,
.sidebar .nav-link[href*="dashboard"].active .bi {
    color: #8B4513 !important;
}

/* Produits */
.sidebar .nav-link[href*="produits"] {
    color: #8B4513 !important;
}

.sidebar .nav-link[href*="produits"] i,
.sidebar .nav-link[href*="produits"] .bi {
    color: #FFA500 !important;
}

.sidebar .nav-link[href*="produits"]:hover {
    background: #FFE4B5 !important;
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="produits"]:hover i,
.sidebar .nav-link[href*="produits"]:hover .bi {
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="produits"].active {
    background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%) !important;
    color: #8B4513 !important;
    font-weight: 600 !important;
}

.sidebar .nav-link[href*="produits"].active i,
.sidebar .nav-link[href*="produits"].active .bi {
    color: #8B4513 !important;
}

/* Livreurs */
.sidebar .nav-link[href*="livreurs"] {
    color: #8B4513 !important;
}

.sidebar .nav-link[href*="livreurs"] i,
.sidebar .nav-link[href*="livreurs"] .bi {
    color: #FFA500 !important;
}

.sidebar .nav-link[href*="livreurs"]:hover {
    background: #FFE4B5 !important;
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="livreurs"]:hover i,
.sidebar .nav-link[href*="livreurs"]:hover .bi {
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="livreurs"].active {
    background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%) !important;
    color: #8B4513 !important;
    font-weight: 600 !important;
}

.sidebar .nav-link[href*="livreurs"].active i,
.sidebar .nav-link[href*="livreurs"].active .bi {
    color: #8B4513 !important;
}

/* Clients */
.sidebar .nav-link[href*="clients"] {
    color: #8B4513 !important;
}

.sidebar .nav-link[href*="clients"] i,
.sidebar .nav-link[href*="clients"] .bi {
    color: #FFA500 !important;
}

.sidebar .nav-link[href*="clients"]:hover {
    background: #FFE4B5 !important;
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="clients"]:hover i,
.sidebar .nav-link[href*="clients"]:hover .bi {
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="clients"].active {
    background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%) !important;
    color: #8B4513 !important;
    font-weight: 600 !important;
}

.sidebar .nav-link[href*="clients"].active i,
.sidebar .nav-link[href*="clients"].active .bi {
    color: #8B4513 !important;
}

/* Livraisons */
.sidebar .nav-link[href*="livraison"] {
    color: #8B4513 !important;
}

.sidebar .nav-link[href*="livraison"] i,
.sidebar .nav-link[href*="livraison"] .bi {
    color: #FFA500 !important;
}

.sidebar .nav-link[href*="livraison"]:hover {
    background: #FFE4B5 !important;
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="livraison"]:hover i,
.sidebar .nav-link[href*="livraison"]:hover .bi {
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="livraison"].active {
    background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%) !important;
    color: #8B4513 !important;
    font-weight: 600 !important;
}

.sidebar .nav-link[href*="livraison"].active i,
.sidebar .nav-link[href*="livraison"].active .bi {
    color: #8B4513 !important;
}

/* Suivi */
.sidebar .nav-link[href*="suivi"] {
    color: #8B4513 !important;
}

.sidebar .nav-link[href*="suivi"] i,
.sidebar .nav-link[href*="suivi"] .bi {
    color: #FFA500 !important;
}

.sidebar .nav-link[href*="suivi"]:hover {
    background: #FFE4B5 !important;
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="suivi"]:hover i,
.sidebar .nav-link[href*="suivi"]:hover .bi {
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="suivi"].active {
    background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%) !important;
    color: #8B4513 !important;
    font-weight: 600 !important;
}

.sidebar .nav-link[href*="suivi"].active i,
.sidebar .nav-link[href*="suivi"].active .bi {
    color: #8B4513 !important;
}

/* Profil */
.sidebar .nav-link[href*="profile"] {
    color: #8B4513 !important;
}

.sidebar .nav-link[href*="profile"] i,
.sidebar .nav-link[href*="profile"] .bi {
    color: #FFA500 !important;
}

.sidebar .nav-link[href*="profile"]:hover {
    background: #FFE4B5 !important;
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="profile"]:hover i,
.sidebar .nav-link[href*="profile"]:hover .bi {
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="profile"].active {
    background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%) !important;
    color: #8B4513 !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 12px rgba(255, 165, 0, 0.25) !important;
}

.sidebar .nav-link[href*="profile"].active i,
.sidebar .nav-link[href*="profile"].active .bi {
    color: #8B4513 !important;
}

/* Force l'application pour le lien profil spécifiquement */
.sidebar .nav-link[href="{{ path('app_profile') }}"] {
    color: #8B4513 !important;
}

.sidebar .nav-link[href="{{ path('app_profile') }}"] i,
.sidebar .nav-link[href="{{ path('app_profile') }}"] .bi {
    color: #FFA500 !important;
}

.sidebar .nav-link[href="{{ path('app_profile') }}"]:hover {
    background: #FFE4B5 !important;
    color: #FF8C00 !important;
}

.sidebar .nav-link[href="{{ path('app_profile') }}"]:hover i,
.sidebar .nav-link[href="{{ path('app_profile') }}"]:hover .bi {
    color: #FF8C00 !important;
}

.sidebar .nav-link[href="{{ path('app_profile') }}"].active {
    background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%) !important;
    color: #8B4513 !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 12px rgba(255, 165, 0, 0.25) !important;
}

.sidebar .nav-link[href="{{ path('app_profile') }}"].active i,
.sidebar .nav-link[href="{{ path('app_profile') }}"].active .bi {
    color: #8B4513 !important;
}

/* Déconnexion */
.sidebar .nav-link[href*="logout"] {
    color: #8B4513 !important;
}

.sidebar .nav-link[href*="logout"] i,
.sidebar .nav-link[href*="logout"] .bi {
    color: #FFA500 !important;
}

.sidebar .nav-link[href*="logout"]:hover {
    background: #FFE4B5 !important;
    color: #FF8C00 !important;
}

.sidebar .nav-link[href*="logout"]:hover i,
.sidebar .nav-link[href*="logout"]:hover .bi {
    color: #FF8C00 !important;
}

/* ===== OVERRIDE FINAL POUR S'ASSURER QUE TOUT EST APPLIQUÉ ===== */
.sidebar * {
    color: inherit !important;
}

.sidebar .nav-link,
.sidebar .nav-link:hover,
.sidebar .nav-link:focus,
.sidebar .nav-link.active {
    color: inherit !important;
}

.sidebar .nav-link i,
.sidebar .nav-link:hover i,
.sidebar .nav-link:focus i,
.sidebar .nav-link.active i,
.sidebar .nav-link .bi,
.sidebar .nav-link:hover .bi,
.sidebar .nav-link:focus .bi,
.sidebar .nav-link.active .bi {
    color: inherit !important;
} 