/*
 * Menu utilisateur du header - Espace Client Inkwell
 */

.menu-utilisateur {
    position:relative;
}

.menu-utilisateur__bouton {
    display:flex;
    align-items:center;
    gap:10px;
    padding:6px 10px 6px 6px;
    border-radius:999px;
    transition:background-color 0.15s ease;
}

.menu-utilisateur__bouton:hover {
    background-color:rgba(38, 53, 60, 0.06);
}

.menu-utilisateur__avatar {
    width:32px;
    height:32px;
    border-radius:50%;
    background-color:var(--couleur-corail);
    color:#FFFFFF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:0.85rem;
    flex-shrink:0;
}

.menu-utilisateur__prenom {
    font-weight:600;
    font-size:0.9rem;
    color:var(--couleur-anthracite);
}

.menu-utilisateur__bouton i {
    font-size:0.7rem;
    color:rgba(38, 53, 60, 0.4);
    transition:transform 0.2s ease;
}

.menu-utilisateur--ouvert .menu-utilisateur__bouton i {
    transform:rotate(180deg);
}

.menu-utilisateur__panneau {
    display:none;
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    min-width:200px;
    background-color:#FFFFFF;
    border-radius:var(--rayon-carte);
    box-shadow:var(--ombre-carte);
    padding:8px;
    z-index:60;
}

.menu-utilisateur--ouvert .menu-utilisateur__panneau {
    display:block;
    animation:menu-utilisateur-apparition 0.15s ease;
}

@keyframes menu-utilisateur-apparition {
    from {
        opacity:0;
        transform:translateY(-6px);
    }
    to {
        opacity:1;
        transform:translateY(0);
    }
}

.menu-utilisateur__lien {
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    padding:10px 12px;
    border-radius:8px;
    font-size:0.88rem;
    font-weight:500;
    color:var(--couleur-anthracite);
    transition:background-color 0.15s ease;
}

.menu-utilisateur__lien:hover {
    background-color:var(--couleur-beige);
}

.menu-utilisateur__lien i {
    color:var(--couleur-corail);
    width:16px;
}

.menu-utilisateur__lien--deconnexion {
    color:var(--couleur-rouge-vif);
}

.menu-utilisateur__lien--deconnexion i {
    color:var(--couleur-rouge-vif);
}

.menu-utilisateur__separateur {
    height:1px;
    background-color:rgba(38, 53, 60, 0.08);
    margin:6px 4px;
}

/* Variante mobile */
.menu-mobile__utilisateur {
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 4px;
    margin-bottom:8px;
    border-bottom:1px solid rgba(38, 53, 60, 0.1);
}

.menu-mobile__utilisateur .menu-utilisateur__avatar {
    width:44px;
    height:44px;
    font-size:1.1rem;
}

.menu-mobile__utilisateur-nom {
    font-weight:700;
    font-size:1rem;
    color:var(--couleur-anthracite);
}

.menu-mobile__utilisateur-role {
    font-size:0.78rem;
    color:rgba(38, 53, 60, 0.5);
}