/* Style pour le lien du dropdown */
.login-link .dropdown-toggle {
    cursor: pointer;
    color: #333; /* Couleur du texte */
    font-weight: bold;
    text-decoration: none;
}

.login-link .dropdown-toggle:hover {
    color: #007bff; /* Couleur au survol */
}

/* Style pour le menu déroulant */
.dropdown-menu {
    display: none; /* Masqué par défaut */
    position: absolute;
    top: 100%; /* Sous le toggle */
    left: 0;
    z-index: 1050;
    min-width: 200px;
    padding: 10px 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.dropdown-menu.show {
    display: block; /* Afficher lorsqu'il est actif */
}

/* Style pour les éléments du menu */
.dropdown-menu .dropdown-item {
    padding: 8px 20px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa; /* Couleur au survol */
    color: #007bff;
}

/* Icone utilisateur */
.icon-box-icon i {
    font-size: 20px;
    color: #6c757d;
}