.language-switcher { position: relative; flex: 0 0 auto; }
.language-trigger {
  display: inline-flex;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;
  background: rgba(5,10,24,0.62);
  color: #d8e3f2;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.language-trigger:hover,
.language-trigger[aria-expanded="true"] {
  border-color: rgba(0,165,224,0.58);
  color: #fff;
}
.language-trigger svg { width: 14px; height: 14px; transition: transform 180ms ease; }
.language-trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
.language-menu {
  position: absolute;
  top: calc(100% + 0.6rem);
  right: 0;
  z-index: 90;
  width: 190px;
  padding: 0.4rem;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 6px;
  background: rgba(5,9,18,0.98);
  box-shadow: 0 22px 50px -24px #000;
  backdrop-filter: blur(18px);
}
[dir="rtl"] .language-menu { right: auto; left: 0; }
.language-menu[hidden] { display: none; }
.language-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.7rem;
  border-radius: 4px;
  color: #aebbd0;
  font-size: 0.82rem;
}
.language-menu a:hover { background: rgba(0,165,224,0.1); color: #fff; }
.language-menu a[aria-current="page"] { color: #52d2ff; background: rgba(0,165,224,0.08); }
.language-menu .lang-code { color: #64748a; font-size: 0.65rem; letter-spacing: 0.1em; }
.footer-languages {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1rem;
  margin-top: 1.15rem;
  font-size: 0.78rem;
}
.footer-languages a { color: var(--ink-muted); }
.footer-languages a:hover,
.footer-languages a[aria-current="page"] { color: var(--brand); }
body.locale-cn .nav-link { letter-spacing: 0.04em; }
body.locale-cn .language-trigger { letter-spacing: 0; }
body.locale-ru .btn-primary,
body.locale-ru .btn-secondary,
body.locale-ru .hero-cta { padding-inline: 1.65rem; }
body.locale-ar { text-align: right; }
body.locale-ar .text-center { text-align: center; }
body.locale-ar .text-left { text-align: right; }
body.locale-ar .section-divider,
body.locale-ar .feature-divider { direction: rtl; }
@media (max-width: 640px) {
  .language-trigger { width: 44px; padding-inline: 0; }
  .language-trigger .language-label { display: none; }
  .language-menu { position: fixed; top: 68px; right: 12px; left: 12px; width: auto; }
}
