/* Pintu 2 langkah 5 (27 Okt 2026): togol bahasa EN | BM dalam nav kepala, semua page (K8 + Pintu 2, EN + BM).
   Token K8 sahaja (warna ikut currentColor kepala malam/siang/menu), tiada animasi. Sasaran sentuh ≥ 44. */
.bahasa { display: flex; align-items: center; flex: none; font: 500 12px/1 var(--mono); letter-spacing: .08em; }
.bahasa-kini, .bahasa-pilih { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: inherit; text-decoration: none; }
.bahasa-kini { font-weight: 700; }
.bahasa-kini::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 9px; height: 1.5px; background: currentColor; }
.bahasa-pilih:hover { text-decoration: underline; text-underline-offset: 6px; }
.bahasa-pilih:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; border-radius: 4px; }
.bahasa-garis { width: 1px; height: 14px; background: currentColor; opacity: .45; }
.bahasa-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
/* desktop: selepas "Talk to us" dalam .nav (gap .nav sedia ada); 961–1180 nav sudah padat → jarak kecil */
@media (min-width: 961px) and (max-width: 1180px) { .nav > .bahasa { margin-left: -8px; } }
/* ≤960 (menu mudah alih, JS): baris sendiri di bawah butang "Talk to us" dalam menu */
@media (max-width: 960px) {
  .nav > .bahasa { margin-top: 12px; align-self: flex-start; font-size: 14px; }
  html:not(.js) .nav > .bahasa { margin-top: 0; font-size: 12px; }
}