/*
 * Sélecteur de langue - Inkwell
 */

.selecteur-langue {
    position:relative;
}

.selecteur-langue__bouton {
    display:flex;
    align-items:center;
    gap:6px;
    padding:8px 10px;
    border-radius:var(--rayon-bouton);
    font-weight:700;
    color:var(--couleur-anthracite);
    transition:background-color 0.15s ease;
}

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

.selecteur-langue__bouton i {
    font-size:0.75rem;
}

.selecteur-langue--ouvert .selecteur-langue__bouton i {
    transform:rotate(180deg);
}

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

.selecteur-langue--ouvert .selecteur-langue__panneau {
    display:block;
    animation:selecteur-langue-apparition 0.15s ease;
}

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

.selecteur-langue__option {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 12px;
    border-radius:8px;
    font-size:0.88rem;
    font-weight:500;
    color:var(--couleur-anthracite);
    transition:background-color 0.15s ease;
}

.selecteur-langue__option:hover {
    background-color:var(--couleur-beige);
}

.selecteur-langue__option--active {
    color:var(--couleur-corail);
    font-weight:700;
}

.selecteur-langue__option--active::after {
    content:'\f00c';
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    font-size:0.75rem;
}

/* Variante menu mobile */
.menu-mobile__langue-liste {
    display:flex;
    flex-direction:column;
    gap:2px;
}

.menu-mobile__langue-liste a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 8px;
    font-size:0.98rem;
    font-weight:500;
    color:var(--couleur-anthracite);
    border-radius:10px;
}

.menu-mobile__langue-liste a:hover {
    background-color:rgba(255, 103, 106, 0.08);
}

.menu-mobile__langue-liste a.selecteur-langue__option--active {
    color:var(--couleur-corail);
    font-weight:700;
}