/* Language toggle button in the header.
   Replaces the native mkdocs-static-i18n / Material dropdown with a single
   button: the icon stacked over a small target-language label (EN / ES). The
   whole element is an anchor linking to the other language's page.

   Selectors are prefixed with `.md-header` so they outrank Material's own
   `.md-header__button` / `.md-header__button svg` rules (which otherwise force
   display:block and a fixed icon size, breaking the vertical stack). */

.md-header .md-lang-toggle {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  line-height: 1;
  padding: 0.2rem 0.4rem;
  color: var(--md-primary-bg-color);
  transition: color 125ms;
}

.md-header .md-lang-toggle:hover,
.md-header .md-lang-toggle:focus-visible {
  color: var(--md-accent-fg-color);
  outline: none;
}

.md-header .md-lang-toggle svg {
  width: 1.1rem;
  height: 1.1rem;
  fill: currentColor;
}

.md-header .md-lang-toggle__label {
  font-size: 0.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
}