/**
 * ./assets/css/language-switcher.css
 *
 * Header language switcher reset and inline text styling.
 * Language links are styled to match the primary header navigation.
 */

.site-header .daf-language-switcher,
.site-header .daf-language-switcher__list,
.site-header .language-switcher,
.site-header .language-switcher ul,
.site-header__language-switcher,
.site-header__language-switcher ul,
.site-header [class*="language-switcher"] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.4vw, 1.2rem);
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  color: var(--daf-color-black);
  font-family: var(--daf-font-mono);
  font-size: clamp(0.74rem, 0.78vw, 0.88rem);
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.045em;
  list-style: none;
}

.site-header .daf-language-switcher li,
.site-header .daf-language-switcher__item,
.site-header .language-switcher li,
.site-header__language-switcher li,
.site-header [class*="language-switcher"] li {
  display: inline-flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header .daf-language-switcher li::marker,
.site-header .daf-language-switcher__item::marker,
.site-header .language-switcher li::marker,
.site-header__language-switcher li::marker,
.site-header [class*="language-switcher"] li::marker {
  content: "";
}

.site-header .daf-language-switcher a,
.site-header .daf-language-switcher__link,
.site-header .language-switcher a,
.site-header__language-switcher a,
.site-header [class*="language-switcher"] a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 1.2rem;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: var(--daf-color-black);
  font: inherit;
  line-height: 1;
  letter-spacing: inherit;
  text-decoration: none;
  text-transform: none;
  transition:
    color var(--daf-transition-fast),
    text-decoration-color var(--daf-transition-fast);
}

.site-header .daf-language-switcher a:hover,
.site-header .daf-language-switcher a:focus-visible,
.site-header .daf-language-switcher__link:hover,
.site-header .daf-language-switcher__link:focus-visible,
.site-header .language-switcher a:hover,
.site-header .language-switcher a:focus-visible,
.site-header__language-switcher a:hover,
.site-header__language-switcher a:focus-visible,
.site-header [class*="language-switcher"] a:hover,
.site-header [class*="language-switcher"] a:focus-visible,
.site-header .daf-language-switcher .is-active a,
.site-header .daf-language-switcher .current-lang a,
.site-header .daf-language-switcher a[aria-current="true"],
.site-header .daf-language-switcher a[aria-current="page"],
.site-header .daf-language-switcher__item.is-active .daf-language-switcher__link,
.site-header .language-switcher .is-active a,
.site-header .language-switcher .current-lang a,
.site-header .language-switcher a[aria-current="true"],
.site-header .language-switcher a[aria-current="page"],
.site-header__language-switcher .is-active a,
.site-header__language-switcher .current-lang a,
.site-header__language-switcher a[aria-current="true"],
.site-header__language-switcher a[aria-current="page"],
.site-header [class*="language-switcher"] .is-active a,
.site-header [class*="language-switcher"] .current-lang a,
.site-header [class*="language-switcher"] a[aria-current="true"],
.site-header [class*="language-switcher"] a[aria-current="page"] {
  color: var(--daf-color-black);
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}

@media (max-width: 782px) {
  .site-header .daf-language-switcher,
  .site-header .daf-language-switcher__list,
  .site-header .language-switcher,
  .site-header .language-switcher ul,
  .site-header__language-switcher,
  .site-header__language-switcher ul,
  .site-header [class*="language-switcher"] {
    justify-content: flex-start;
  }
}

@media (max-width: 520px) {
  .site-header .daf-language-switcher,
  .site-header .daf-language-switcher__list,
  .site-header .language-switcher,
  .site-header .language-switcher ul,
  .site-header__language-switcher,
  .site-header__language-switcher ul,
  .site-header [class*="language-switcher"] {
    gap: 0.75rem;
    font-size: 0.7rem;
  }
}