.language-switcher {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 10px;
  background: rgba(255, 255, 255, .06);
}

.language-switcher__link {
  min-width: 34px;
  padding: 5px 7px;
  border-radius: 7px;
  color: rgba(255, 255, 255, .7);
  font: 700 12px/1.2 Manrope, sans-serif;
  text-align: center;
  text-decoration: none;
}

.language-switcher__link:hover,
.language-switcher__link.is-current {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

.language-switcher__link:focus-visible {
  outline: 2px solid #A9A5FF;
  outline-offset: 2px;
}

.is-unavailable[aria-disabled="true"] {
  cursor: default;
}

.nav-links > .is-unavailable {
  color: rgba(255, 255, 255, .46);
  font-size: 16px;
  font-weight: 500;
}

.btn.is-unavailable,
.site-footer__cta.is-unavailable {
  opacity: .62;
  pointer-events: none;
}

.btn.is-unavailable:hover,
.site-footer__cta.is-unavailable:hover {
  transform: none;
}

.site-footer__group > .is-unavailable {
  color: rgba(255, 255, 255, .46);
  font: 500 14px/1.5 Inter, sans-serif;
}

@media (max-width: 1080px) {
  .language-switcher { margin-left: auto; }
  .language-switcher ~ .nav-toggle { margin-left: 0; }
  .nav-links.is-open > .is-unavailable { display: block; }
}

@media (max-width: 480px) {
  .language-switcher__link { min-width: 31px; padding-inline: 5px; }
  .site-footer__group > .is-unavailable { font-size: 13.5px; }
}

/* The homepage header changes from dark to light while scrolling. */
.nav.on-light .language-switcher {
  border-color: var(--line-2);
  background: var(--bg-indigo);
}
.nav.on-light .language-switcher__link { color: var(--ink-2); }
.nav.on-light .language-switcher__link:hover,
.nav.on-light .language-switcher__link.is-current { color: var(--indigo); background: #E3E1FF; }
.nav.on-light .nav-links > .is-unavailable { color: var(--ink-3); }
.uc-open.is-unavailable { pointer-events: none; }
@media (max-width: 1240px) {
  .nav-links > .is-unavailable { font-size: 14px; }
}

/* Catalogue breadcrumb uses the existing theme and spacing tokens. */
.usage-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; color: var(--light-2, #C3C6D8); font-size: 14px; }
.usage-breadcrumb a { text-underline-offset: 3px; }
.ucx-demo.is-unavailable { opacity: .62; pointer-events: none; }