/* Espacement des éléments du menu */
.nav-item {
    padding: 12px 10px;
}

/* Taille et couleurs des icônes */
.nav-icon {
    font-size: 2.7rem;
    color: #2b80fe !important; /* Bleu-vert */
}

/* Icônes en couleur pour les liens actifs */
.nav-item.active .nav-icon {
    color: #ff4757 !important; /* Rouge */
}

/* Animation des icônes au survol */
.nav-icon:hover {
    transform: scale(1.2);
    transition: transform 0.3s ease-in-out;
}


/* Espacement entre les liens */
.nav-item {
    margin-bottom: 10px;
}


/**** 🌟 Animations Pro Sidebar 🌟 ****/

/* Soulignement dynamique des liens */
.nav-underline {
    width: 0%;
    height: 2px;
    background: #257cfe; /* Rouge dynamique */
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.3s ease-in-out;
}

/* Positionne correctement l'effet sous les liens */
.nav-item a {
    position: relative;
    display: flex;
    align-items: center;
   
}

/* Icônes animées */
.nav-icon {
    transition: transform 0.3s ease-in-out !important;
}