/* The LANGUAGE element: the locale and currency picker. */

/* The language picker speaks the NAV register: the four nav dials, read here as every chrome
 * affordance in that voice reads them from its own sheet. */
.sk-language {
  font-size: var(--sk-text-nav-size);
  font-weight: var(--kit-weight-nav);
  letter-spacing: calc(var(--kit-track-nav) * 1em);
  text-transform: var(--kit-caps-nav);
}

.sk-language {
  display: inline-flex;
  align-items: center;
  gap: var(--kit-space-1);
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  color: var(--sk-ink-muted);
}
.sk-language:hover {
  color: var(--sk-ink);
}
.sk-language > svg {
  width: var(--sk-text-nav-size);
  height: var(--sk-text-nav-size);
}
/* The two canned label forms — "EN" (short) / "English" (long); the row's
 * `displayType` picks one via the data-display stamp. Deliberately dumb:
 * real locale data plumbs in later. */
.sk-language[data-display="short"] .sk-language-long,
.sk-language[data-display="long"] .sk-language-short {
  display: none;
}