/* Footer language switcher. Light tokens only; keep 14 names wrapping at 390px. */

.lang-switch {
  flex: 1 1 100%;
  max-width: 760px;
  margin: 6px 0 10px;
}

.lang-switch summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: var(--surface);
  color: var(--navy);
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.lang-switch summary::-webkit-details-marker {
  display: none;
}

.lang-switch ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.lang-switch a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
}

.lang-switch a:hover {
  border-color: var(--line-strong);
}

.lang-switch a[aria-current="true"] {
  background: var(--navy);
  border-color: var(--navy);
  color: var(--cream);
}

html[dir="rtl"] .lang-switch summary,
html[dir="rtl"] .lang-switch ul {
  justify-content: flex-start;
}