/* lang-switch.css — переключатель языков публичной части.
 *
 * Разметка — `_components/lang_switch.html.tera`. Обычные ссылки, не кнопки:
 * язык живёт в URL, переключение — переход.
 *
 * Кодами (RU / EN / CG), а не флагами: флаг обозначает страну, а не язык, и
 * для черногорского это особенно заметно. Плюс коды не зависят от набора
 * emoji в системе.
 */

.ds-lang {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.ds-lang__item {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: var(--ds-radius, 2px);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: var(--ds-text-muted, #8a8a8a);
    text-decoration: none;
    transition: color 0.15s ease, background 0.15s ease;
}

.ds-lang__item:hover {
    color: var(--ds-text, #e8e8e8);
    background: var(--ds-surface-2, rgba(255, 255, 255, 0.06));
}

/* Активный язык — охровым акцентом коллектива, не синим. */
.ds-lang__item--active {
    color: var(--ds-info, #d4af6a);
    background: var(--ds-surface-2, rgba(212, 175, 106, 0.1));
    cursor: default;
}

.ds-lang__item--active:hover {
    color: var(--ds-info, #d4af6a);
}