/* Fix complet pour la sidebar yellow - Force l'application des couleurs */

/* ===== SIDEBAR PRINCIPALE ===== */
.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 DE LA SIDEBAR ===== */
.sidebar-header {
    text-align: center !important;
    padding: 2.2rem 0 1.2rem 0 !important;
}

.sidebar-header .sidebar-logo {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    background: #FFD700 !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 0.7rem auto !important;
    font-size: 2rem !important;
    color: #8B4513 !important;
    border: 2px solid #FFA500 !important;
}

.sidebar-header .sidebar-title {
    font-weight: 700 !important;
    font-size: 1.15rem !important;
    color: #8B4513 !important;
    letter-spacing: 1px !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;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 1rem !important;
}

/* ===== LIENS DE NAVIGATION ===== */
.sidebar .nav {
    margin: 0 !important;
    padding: 0 !important;
}

.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: background 0.18s, color 0.18s, box-shadow 0.18s !important;
    position: relative !important;
    text-decoration: none !important;
}

.sidebar .nav-link i {
    margin-right: 0.7rem !important;
    font-size: 1.25rem !important;
    color: #FFA500 !important;
    transition: color 0.18s !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 {
    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 {
    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 TOUS LES LIENS SPÉCIFIQUES ===== */

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

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

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

.sidebar .nav-link[href*="dashboard"]:hover i {
    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 {
    color: #8B4513 !important;
}

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

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

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

.sidebar .nav-link[href*="produits"]:hover i {
    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 {
    color: #8B4513 !important;
}

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

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

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

.sidebar .nav-link[href*="livreurs"]:hover i {
    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 {
    color: #8B4513 !important;
}

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

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

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

.sidebar .nav-link[href*="clients"]:hover i {
    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 {
    color: #8B4513 !important;
}

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

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

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

.sidebar .nav-link[href*="livraison"]:hover i {
    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 {
    color: #8B4513 !important;
}

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

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

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

.sidebar .nav-link[href*="suivi"]:hover i {
    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 {
    color: #8B4513 !important;
}

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

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

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

.sidebar .nav-link[href*="profile"]:hover i {
    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;
}

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

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

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

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

.sidebar .nav-link[href*="logout"]:hover i {
    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 {
    color: inherit !important;
} 