/* A single compact language control, visible beside the navigation at every size. */
.dbs-language {
  --language-size: 12px;
  --language-target: 32px;
  --language-gap: 2px;
  --language-inset: 3px;
  --language-radius: 999px;
  --language-surface: rgba(7, 8, 7, .36);
  --language-hover: rgba(246, 239, 227, .08);
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: var(--language-gap);
  padding: var(--language-inset);
  border: 1px solid var(--dbs-line);
  border-radius: var(--language-radius);
  background: var(--language-surface);
  font-size: var(--language-size);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .04em;
}
.dbs-language a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--language-target);
  min-height: var(--language-target);
  border-radius: var(--language-radius);
  color: var(--dbs-muted);
  text-decoration: none;
}
.dbs-language a:hover { color: var(--dbs-cream); background: var(--language-hover); }
.dbs-language a[aria-current=page] { color: var(--dbs-bg); background: var(--dbs-cream); }
.dbs-language a:focus-visible { outline: 2px solid var(--dbs-gold); outline-offset: var(--language-inset); }
@media (max-width: 767px) {
  .dbs-language {
    --language-size: 12px;
    --language-target: 44px;
    --language-inset: 2px;
  }
  /* The full contact action remains in the mobile menu, alongside the page CTAs. */
  .dbs-language--header + .dbs-contact-cta--header { display: none; }
}
html[lang=en] .dbs-site-nav__list { gap: clamp(12px, 1.4vw, 24px); }