/* Fix spécifique pour le menu "Mon profil" */

/* Styles pour le lien "Mon profil" dans la sidebar */
.sidebar .nav-link[href*="profile"],
.sidebar .nav-link[href*="app_profile"] {
    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;
}

.sidebar .nav-link[href*="profile"] i,
.sidebar .nav-link[href*="profile"] .bi,
.sidebar .nav-link[href*="app_profile"] i,
.sidebar .nav-link[href*="app_profile"] .bi {
    color: #FFA500 !important;
    margin-right: 0.7rem !important;
    font-size: 1.25rem !important;
    transition: color 0.18s ease !important;
}

/* Hover pour le lien "Mon profil" */
.sidebar .nav-link[href*="profile"]:hover,
.sidebar .nav-link[href*="app_profile"]: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[href*="profile"]:hover i,
.sidebar .nav-link[href*="profile"]:hover .bi,
.sidebar .nav-link[href*="app_profile"]:hover i,
.sidebar .nav-link[href*="app_profile"]:hover .bi {
    color: #FF8C00 !important;
}

/* État actif pour le lien "Mon profil" */
.sidebar .nav-link[href*="profile"].active,
.sidebar .nav-link[href*="app_profile"].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[href*="profile"].active i,
.sidebar .nav-link[href*="profile"].active .bi,
.sidebar .nav-link[href*="app_profile"].active i,
.sidebar .nav-link[href*="app_profile"].active .bi {
    color: #8B4513 !important;
}

/* Override pour s'assurer que les styles sont appliqués */
.sidebar .nav-link[href*="profile"] *,
.sidebar .nav-link[href*="app_profile"] * {
    color: inherit !important;
}

/* Styles spécifiques pour la page de profil */
body[data-route*="profile"] .sidebar .nav-link[href*="profile"],
body[data-route*="profile"] .sidebar .nav-link[href*="app_profile"] {
    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;
}

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

/* Force l'application pour tous les liens contenant "profile" */
.sidebar a[href*="profile"] {
    color: #8B4513 !important;
}

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

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

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

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

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