/* ===========================
   MENU AUTHENTIFICATION
   Styles pour indicateur de connexion
   =========================== */

.connection-indicator {
    display: none !important; /* Désactivé - remplacé par le menu déroulant */
    align-items: center;
    margin-right: 1rem;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(22, 188, 131, 0.1);
    border-radius: 50px;
    font-size: 0.9rem;
    color: #1f2937;
}

.user-info i {
    color: #16BC83;
    font-size: 1rem;
}

.user-info strong {
    color: #16BC83;
    font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
    .connection-indicator {
        display: none; /* Masquer l'indicateur sur mobile pour gagner de la place */
    }
    
    /* Le bouton "Mon Espace" sera suffisant sur mobile */
}

/* Animation subtile pour l'icône de connexion */
.user-info i.fa-circle-check {
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}