/* ============================================================
   Nút đổi ngôn ngữ.

   Layout gốc KHÔNG có nút này (chỉ có dòng chữ chết ở footer), nên đây là phần
   THÊM. Style bám đúng token của .icon-btn trong nav để hoà vào thanh điều hướng:
   cùng chiều cao 42px, cùng bo tròn, cùng cách đảo màu khi nav trong suốt / đã cuộn.
   ============================================================ */

.lang-switch{
  display:flex; align-items:center; gap:2px; flex:none;
  height:42px; padding:0 4px; border-radius:999px;
  border:1px solid var(--g-brd-2); background:rgba(20,23,51,.05);
}
.lang-switch .lang-opt{
  display:grid; place-items:center;
  min-width:32px; height:34px; padding:0 8px; border-radius:999px;
  font-size:12px; font-weight:700; letter-spacing:.04em;
  color:var(--tx-mut); text-decoration:none;
  transition:background .2s, color .2s;
}
.lang-switch .lang-opt:hover{ color:var(--ink); }
.lang-switch .lang-opt.is-on{
  color:#fff; background:linear-gradient(96deg,var(--purple),var(--blue));
  cursor:default; pointer-events:none;
}

/* Nav trong suốt (chưa cuộn, hero tối) — đảo màu giống .icon-btn */
header.nav:not(.scrolled) .lang-switch{
  border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.14);
}
header.nav:not(.scrolled) .lang-switch .lang-opt{ color:rgba(255,255,255,.75); }
header.nav:not(.scrolled) .lang-switch .lang-opt:hover{ color:#fff; }

/* Trang có nav nền đặc */
body.page-solidnav header.nav .lang-switch{
  border-color:var(--g-brd-2) !important; background:rgba(20,23,51,.05) !important;
}
body.page-solidnav header.nav .lang-switch .lang-opt{ color:var(--tx-mut) !important; }
body.page-solidnav header.nav .lang-switch .lang-opt.is-on{ color:#fff !important; }

/* Mobile: nav đã chật, thu gọn nút */
@media (max-width:1299px){
  .lang-switch{ height:38px; padding:0 3px; }
  .lang-switch .lang-opt{ min-width:28px; height:30px; padding:0 6px; font-size:11px; }
}
@media (max-width:400px){
  .lang-switch{ display:none; }   /* quá chật — dùng switcher ở footer */
}

/* Footer: slot .lang có sẵn của layout, chỉ thêm màu cho link */
.foot-b .lang a{ color:var(--tx-mut); text-decoration:none; transition:color .2s; }
.foot-b .lang a:hover{ color:var(--purple); }