/* Compact language switcher global styles */
#lang-switch-compact {
  display: inline-flex;
  gap: 8px;
  background: #f5f5f7;
  padding: 4px;
  border-radius: 999px;
  align-items: center;
}
#lang-switch-compact a {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  line-height: 1;
  transition: background-color .2s ease, color .2s ease;
}
#lang-switch-compact a:hover {
  background: #e6e6ea;
}
#lang-switch-compact a.active,
#lang-switch-compact a[aria-current="page"] {
  background: #111827; /* dark pill */
  color: #fff;
  font-weight: 600;
}
#lang-switch-compact a:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

/* Higher specificity rules to override other inline/layout styles */
.landing-page .lang-switch,
.lang-switch.in-header,
.lang-switch {
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;
  background: #f5f5f7;
  padding: 4px;
  border-radius: 999px;
}
.lang-switch a {
  padding: 6px 10px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: #333 !important;
  font-weight: 500 !important;
}
.lang-switch a:hover { background: #e6e6ea !important; }
.landing-page .lang-switch a.active,
.lang-switch.in-header a.active,
.lang-switch a.active,
.lang-switch a[aria-current="page"] {
  background: #111827 !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.lang-switch a:focus-visible { outline: 2px solid #2563eb !important; outline-offset: 2px !important; }