/* Explain: Styles for the language switcher component (FR/EN buttons). */
/* Sélecteur de langue FR / EN — visible sur ordinateur et téléphone */
.lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    border: 1px solid rgba(198, 161, 91, 0.42);
    border-radius: 999px;
    background: rgba(198, 161, 91, 0.12);
    padding: 0.2rem;
}

.lang-btn {
    min-width: 2.5rem;
    min-height: 2rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #EFE9DA;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 0.25rem 0.55rem;
    transition: background 300ms ease, color 300ms ease;
}

.lang-btn:hover {
    color: var(--gold-light);
}

.lang-btn[aria-pressed="true"] {
    background: var(--button-color);
    color: var(--primary-color);
}

.lang-btn[aria-pressed="true"]:hover {
    color: var(--primary-color);
}