/* TUNDRA AI · переключатель языка для страниц без enhance.css
   Все переменные с фолбэками: страницы сайта объявляют разный набор токенов. */

html.i18n-pending body { visibility: hidden; }

.lang-sw {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: none;
  padding: 2px;
  margin-left: 4px;
  border-radius: 999px;
  border: 1px solid var(--line, rgba(255, 214, 170, .12));
  background: rgba(255, 240, 220, .035);
  vertical-align: middle;
}
.lang-sw button {
  position: relative;
  z-index: 1;
  appearance: none;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 5px 7px;
  border-radius: 999px;
  font-family: var(--mono, ui-monospace, Consolas, monospace);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2;
  color: var(--soft, #8b7d6c);
  transition: color .25s var(--ease, cubic-bezier(.22, .61, .36, 1));
}
.lang-sw button:hover { color: var(--cream, #F6EFE4); }
.lang-sw button.on { color: #1F1104; }
.lang-sw-pill {
  position: absolute;
  z-index: 0;
  inset: 2px auto 2px 2px;
  width: calc(50% - 2px);
  border-radius: 999px;
  background: var(--grad, linear-gradient(115deg, #FFB25C, #FF7A29 48%, #FF4D1C));
  box-shadow: 0 4px 14px rgba(255, 122, 41, .3);
  transition: transform .38s var(--ease-out, cubic-bezier(.16, 1, .3, 1));
}
.lang-sw[data-active="en"] .lang-sw-pill { transform: translateX(100%); }
.lang-sw button:focus-visible { outline: 2px solid var(--amber, #FFB25C); outline-offset: 2px; }

/* в сайдбаре статуса переключатель стоит отдельной строкой */
.side .nav .lang-sw { margin: 10px 0 0; align-self: flex-start; }

@media (max-width: 560px) {
  .lang-sw { padding: 0; border: 0; background: none; margin-left: 2px; }
  .lang-sw .lang-sw-pill { display: none; }
  .lang-sw button.on { display: none; }
  .lang-sw button {
    color: var(--cream, #F6EFE4);
    padding: 7px 9px;
    border: 1px solid var(--line, rgba(255, 214, 170, .12));
    background: rgba(255, 240, 220, .04);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lang-sw-pill { transition: none; }
}