/* hop-ngonngu.css — ô chọn ngôn ngữ giao diện (12/10/2026). Thay cụm VI | EN khi đã có gói ngôn ngữ khác.
   Nút hiện NHÃN NGẮN (VI · EN · JA…) để ⛔ vỡ thanh trên ở điện thoại; danh sách mở ra hiện TÊN BẢN ĐỊA.
   <select> phủ trong suốt lên nút ⇒ điện thoại dùng bộ chọn gốc của máy (dễ bấm, ⛔ tràn màn). */
.langsw.lg-co-chon { position: relative; display: inline-flex; align-items: center; gap: 4px; padding-right: 10px; }
.langsw.lg-co-chon .lg-nhan {
  min-width: 30px; padding: 3px 7px; border-radius: 999px; text-align: center;
  font-size: 12px; font-weight: 700; letter-spacing: .04em; background: var(--gold); color: var(--on-accent);
}
.langsw.lg-co-chon::after { content: ''; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid var(--ink-3); margin-left: 2px; }
.langsw.lg-co-chon .lg-chon {
  position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;
  font-size: 16px;   /* ⛔ < 16px thì Safari iOS tự phóng to trang khi chạm */
  appearance: none; -webkit-appearance: none; border: 0; background: transparent; color: var(--ink);
}
.langsw.lg-co-chon:focus-within { outline: 2px solid var(--gold); outline-offset: 2px; border-radius: 999px; }
.langsw.lg-co-chon .lg-chon option { color: #111; background: #fff; }
/* RTL (tiếng Ả Rập): thanh trên + thẻ tiền sảnh đảo chiều theo dir của <html>; giữ khung video LTR
   (ô hình người và thanh nút họp ⛔ đảo — giống Zoom/Meet ở tiếng Ả Rập). */
html[dir="rtl"] #stage, html[dir="rtl"] .bar { direction: ltr; }
html[dir="rtl"] #stage .tile .nm, html[dir="rtl"] .bar .lbl { direction: rtl; }