/* Переключатель языка RU | EN.
 *
 * Оформление согласовано заказчиком 2026-09-07 (вопрос G1): текстом, не
 * флагами и не выпадающим списком, в правом краю шапки.
 *
 * Кладётся в css/autoload/ шаблона rosveb — Битрикс подключает всё из этой
 * папки сам, править header.php не нужно.
 *
 * Цвета берутся из переменных темы (--theme-color и родня), поэтому
 * переключатель следует за оформлением сайта, а не спорит с ним. Если
 * переменная не определена, срабатывает запасное значение после запятой.
 */

.lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;          /* прижимает к правому краю в flex-строке шапки */
    white-space: nowrap;        /* «RU | EN» не должно переноситься */
    font-size: 14px;
    line-height: 1;
    user-select: none;
}

.lang-switch__item {
    display: inline-block;
    padding: 2px 1px;
    text-decoration: none;
    letter-spacing: .02em;
    transition: color .15s ease, opacity .15s ease;
}

/* Текущий язык — заметнее, но без кнопки: это указатель, а не действие. */
.lang-switch__item.is-active {
    font-weight: 600;
    color: var(--theme-color, #c9a227);
    cursor: default;
}

/* Второй язык — обычная ссылка приглушённого тона. */
a.lang-switch__item {
    color: var(--black_light, #767676);
    opacity: .85;
}

a.lang-switch__item:hover,
a.lang-switch__item:focus-visible {
    color: var(--theme-color, #c9a227);
    opacity: 1;
    text-decoration: none;
}

a.lang-switch__item:focus-visible {
    outline: 2px solid var(--theme-color, #c9a227);
    outline-offset: 2px;
    border-radius: 2px;
}

.lang-switch__sep {
    color: var(--stroke_black, #d6d6d6);
    font-weight: 400;
}

/* Пары для страницы нет — ссылка ведёт по фолбэк-цепочке на раздел или на
 * главную. Помечаем пунктиром: переход будет не «на ту же страницу». */
a.lang-switch__item.is-fallback {
    border-bottom: 1px dotted currentColor;
}

/* Черновой режим: пока флаг mercury_lang_switch_enabled в N, переключатель
 * видит только администратор.
 *
 * Метка «draft» рядом с ним была, но убрана по просьбе заказчика 2026-09-08:
 * переключатель должен выглядеть одинаково на русской и английской версии, а
 * приписка сбивала при просмотре. Класс lang-switch--draft на месте — если
 * снова понадобится отличать черновой режим, стиль вернуть сюда. */

/* В мобильной шапке и в мобильном меню виджет стоит рядом со слоганом:
 * там прижимать вправо не нужно, иначе он оторвётся от текста. */
.mobileheader__slogan .lang-switch,
.mobilemenu__slogan .lang-switch {
    margin-left: 12px;
}

@media (max-width: 600px) {
    .lang-switch { font-size: 13px; }
}