/* Language switcher shared by the studio site, the docs, the lab and the console. */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--line, #343b2e);
  border-radius: 999px;
  background: rgba(0, 0, 0, .18);
  flex: 0 0 auto;
  vertical-align: middle;
  line-height: 1;
}
.lang-switch button {
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted, #a5ac9e);
  font: 600 10px/1 var(--mono, "SFMono-Regular", Consolas, monospace);
  letter-spacing: .08em;
  padding: 7px 9px;
  min-width: 30px;
  min-height: 26px;
  cursor: pointer;
  transition: background .18s, color .18s;
}
.lang-switch button:hover { color: var(--ink, #f2f1e9); }
.lang-switch button[aria-pressed="true"] {
  background: var(--acid, #c7f878);
  color: var(--dark, #172011);
}
.lang-switch button:focus-visible {
  outline: 2px solid var(--acid, #c7f878);
  outline-offset: 2px;
}
.lang-switch-floating {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 80;
  background: var(--panel, #191c17);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}

/* The authenticated console uses a light-on-dark shell with slightly different tokens. */
.console-page .lang-switch,
.auth-page .lang-switch {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .04);
}
.console-page .lang-switch button[aria-pressed="true"],
.auth-page .lang-switch button[aria-pressed="true"] {
  background: var(--acid, #b8e986);
  color: #111315;
}

@media (max-width: 760px) {
  .lang-switch-floating { right: 12px; bottom: 12px; }
}

@media (max-width: 640px) {
  .header-lang .lang-switch { padding: 2px; }
  .header-lang .lang-switch button { padding: 6px; min-width: 26px; min-height: 24px; font-size: 9px; }
}