/* V825 — compact RU/EN switch integrated into the utility bar. */
.app-language-switcher {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    height: 34px;
    padding: 3px;
    gap: 2px;
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 999px;
    background: rgba(246, 248, 251, .92);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 1px 2px rgba(15,23,42,.04);
}
.app-language-switcher__button {
    appearance: none;
    border: 0;
    min-width: 34px;
    height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    background: transparent;
    color: #7a8491;
    font: 700 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.app-language-switcher__button:hover { color: #202833; background: rgba(255,255,255,.72); }
.app-language-switcher__button:active { transform: scale(.97); }
html[data-app-language="ru"] .app-language-switcher__button[data-app-language-choice="ru"],
html[data-app-language="en"] .app-language-switcher__button[data-app-language-choice="en"] {
    color: #111827;
    background: #fff;
    box-shadow: 0 1px 4px rgba(15,23,42,.11);
}
html[data-app-theme="dark"] .app-language-switcher {
    border-color: rgba(148,163,184,.17);
    background: rgba(30,41,55,.76);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 1px 2px rgba(0,0,0,.18);
}
html[data-app-theme="dark"] .app-language-switcher__button { color: #8f9aaa; }
html[data-app-theme="dark"] .app-language-switcher__button:hover { color: #edf3f9; background: rgba(255,255,255,.055); }
html[data-app-theme="dark"][data-app-language="ru"] .app-language-switcher__button[data-app-language-choice="ru"],
html[data-app-theme="dark"][data-app-language="en"] .app-language-switcher__button[data-app-language-choice="en"] {
    color: #f8fafc;
    background: #3a4655;
    box-shadow: 0 1px 4px rgba(0,0,0,.24);
}
@media (max-width: 780px) {
    .app-language-switcher { height: 32px; }
    .app-language-switcher__button { min-width: 31px; height: 24px; padding-inline: 7px; }
}


/* V826 — English labels are longer; use the same measured nav-fit variable and keep clear gaps. */
@media (min-width: 1121px) {
  html[data-app-language="en"] body.app-modern-shell .app-header .main-nav,
  html[data-app-language="en"] body.app-modern-shell.products-modern-body .app-header .main-nav {
    gap: calc(1px + 1px * var(--gm-nav-fit, 1)) !important;
  }
  html[data-app-language="en"] body.app-modern-shell .app-header .main-nav__link,
  html[data-app-language="en"] body.app-modern-shell .app-header .main-nav-menu > .main-nav__link,
  html[data-app-language="en"] body.app-modern-shell.products-modern-body .app-header .main-nav__link,
  html[data-app-language="en"] body.app-modern-shell.products-modern-body .app-header .main-nav-menu > .main-nav__link {
    padding-inline: calc(2px + 3px * var(--gm-nav-fit, 1)) !important;
    gap: calc(1px + 1px * var(--gm-nav-fit, 1)) !important;
    font-size: calc(9.2px + 2.5px * var(--gm-nav-fit, 1)) !important;
    letter-spacing: -.012em !important;
    white-space: nowrap !important;
  }
}