/* Критично для шапки: флаги в HTML сразу, без ожидания site-i18n.js */
.topbar-lang {
display: flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
gap: 6px;
}
@media (min-width: 1101px) {
.topbar-lang {
width: 118px;
min-width: 118px;
max-width: 118px;
}
html[data-lang-widget-mode="collapsed"] .topbar-lang,
.topbar-lang[data-lang-mode="collapsed"] {
width: 76px;
min-width: 76px;
max-width: 76px;
}
html[data-lang-widget-mode="dismissed"] .topbar-lang,
.topbar-lang[data-lang-mode="dismissed"] {
width: 36px;
min-width: 36px;
max-width: 36px;
}
}
/* Активный язык — сразу по классу на из inline-скрипта в head */
html.lang-ru .lang-switch__flag[data-set-lang="ru"],
html.lang-en .lang-switch__flag[data-set-lang="en"] {
border-color: rgba(145, 134, 224, 0.85);
box-shadow: 0 0 0 1px rgba(145, 134, 224, 0.35);
}
html.lang-ru .lang-switch__flag[data-set-lang="en"],
html.lang-en .lang-switch__flag[data-set-lang="ru"] {
border-color: transparent;
box-shadow: none;
}
html[data-lang-widget-mode="collapsed"] .lang-switch__close {
display: none;
}
html[data-lang-widget-mode="collapsed"] .lang-switch {
padding: 4px;
}
html[data-lang-widget-mode="dismissed"] .lang-switch {
display: none;
}
html[data-lang-widget-mode="dismissed"] .lang-switch-mini {
display: flex;
}
.lang-switch-mini {
display: none;
}