/*
 * DASP language switch: a small native select with a globe icon.
 * Markup comes from dasp_auth_language_switch() (auth-i18n.php); changing the select
 * submits its GET form with ?lang=. Placement is up to the page (sign-in pages: top right corner,
 * homepage: header). Colors and type from tokens.css.
 */

.dasp-auth-lang {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  color: var(--dasp-color-ink-muted);
}

.dasp-auth-lang select {
  appearance: none;
  min-height: 36px;
  padding: 0 32px 0 34px;
  border: 1px solid var(--dasp-color-line);
  border-radius: var(--dasp-radius-pill);
  background: var(--dasp-color-surface);
  color: var(--dasp-color-ink);
  font: var(--dasp-type-footnote);
  font-weight: var(--dasp-weight-medium);
  cursor: pointer;
}

.dasp-auth-lang select:focus-visible { outline: none; border-color: var(--dasp-color-accent); box-shadow: var(--dasp-focus-ring); }

.dasp-auth-lang i {
  position: absolute;
  font-size: var(--dasp-icon-sm);
  pointer-events: none;
}

.dasp-auth-lang .ti-world { left: 12px; }
.dasp-auth-lang .ti-chevron-down { right: 11px; font-size: var(--dasp-icon-xs); }