/* Bổ sung cho theme WordPress — nạp sau style.css (bản gốc của site HTML, giữ nguyên) */

/* Menu chọn ngôn ngữ (16 ngôn ngữ) — thay cho cặp nút VI/EN của bản HTML */
.lang-menu{position:relative}
.lang-menu summary{list-style:none;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:rgba(10,26,66,.4);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--text-2);cursor:pointer;white-space:nowrap;transition:color .25s,border-color .25s}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary:hover,.lang-menu[open] summary{color:#fff;border-color:rgba(150,180,255,.45)}
.lang-menu summary svg{width:15px;height:15px;flex:none}
.lang-caret{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;transition:transform .25s}
.lang-menu[open] .lang-caret{transform:rotate(225deg) translate(-1px,-1px)}
.lang-list{position:absolute;right:0;top:calc(100% + 8px);z-index:90;min-width:220px;max-height:min(70vh,560px);overflow:auto;padding:8px;display:grid;gap:2px;border-radius:16px;border:1px solid var(--line-2);background:rgba(5,14,42,.97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.lang-menu-up .lang-list{top:auto;bottom:calc(100% + 8px)}
.lang-list a{display:block;padding:9px 12px;border-radius:10px;font-size:14px;letter-spacing:0;color:#C8D4EE;white-space:nowrap}
.lang-list a:hover{background:rgba(127,168,255,.12);color:#fff}
.lang-list a.on{background:var(--chrome);background-size:200% 100%;color:#fff}
.mobile-foot .lang-menu-up .lang-list{left:0;right:auto}
@media (max-width:1080px){.nav-right>.lang-menu{display:none}}

/* ---------- Chữ viết theo ngôn ngữ ----------
 * Be Vietnam Pro chỉ có Latin + tiếng Việt: chữ Latin vẫn dùng nó, chữ khác rơi sang font Noto của ngôn ngữ đó
 * (nạp theo trang trong inc/enqueue.php). */
html:lang(ru){--display:"Be Vietnam Pro","Noto Sans",system-ui,sans-serif;--label:var(--display);--sans:var(--display)}
html:lang(th){--display:"Be Vietnam Pro","Noto Sans Thai",system-ui,sans-serif;--label:var(--display);--sans:var(--display)}
html:lang(zh-Hans){--display:"Be Vietnam Pro","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--label:var(--display);--sans:var(--display)}
html:lang(ko){--display:"Be Vietnam Pro","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--label:var(--display);--sans:var(--display)}
html:lang(km){--display:"Be Vietnam Pro","Noto Sans Khmer",system-ui,sans-serif;--label:var(--display);--sans:var(--display)}
html:lang(lo){--display:"Be Vietnam Pro","Noto Sans Lao",system-ui,sans-serif;--label:var(--display);--sans:var(--display)}
html:lang(my){--display:"Be Vietnam Pro","Noto Sans Myanmar",system-ui,sans-serif;--label:var(--display);--sans:var(--display)}
html:lang(ru) body,html:lang(th) body,html:lang(zh-Hans) body,html:lang(ko) body,html:lang(km) body,html:lang(lo) body,html:lang(my) body{font-family:var(--sans)}
/* Chữ không phải Latin: bỏ giãn/nén chữ của tiêu đề */
html:lang(th),html:lang(zh-Hans),html:lang(ko),html:lang(km),html:lang(lo),html:lang(my){--ls-d:0;--ls-d2:0;--ls-label:.02em}
/* Dấu chồng cao/thấp (Thái, Khmer, Lào, Miến) cần dòng cao hơn */
html:lang(th),html:lang(km),html:lang(lo),html:lang(my){--lh-d:1.4;--lh-d2:1.5}
html:lang(th) body,html:lang(km) body,html:lang(lo) body,html:lang(my) body{line-height:1.75}
html:lang(zh-Hans),html:lang(ko){--lh-d:1.25;--lh-d2:1.35}
html:lang(zh-Hans){line-break:strict}
html:lang(ko){word-break:keep-all}
/* Tiêu đề và câu dài không có dấu cách: cho phép ngắt giữa chữ để không tràn khung */
html:lang(th) h1,html:lang(km) h1,html:lang(lo) h1,html:lang(my) h1{overflow-wrap:anywhere}
/* Bản Pháp, Tây Ban Nha, Bồ Đào Nha, Nga dài hơn tiếng Anh: thu nhỏ khoảng cách menu trên màn hình vừa */
@media (max-width:1320px){
  html:lang(fr) .menu,html:lang(es) .menu,html:lang(pt-BR) .menu,html:lang(ru) .menu,html:lang(fil) .menu,html:lang(tet) .menu,html:lang(id) .menu,html:lang(ms) .menu{gap:2px}
  html:lang(fr) .menu-btn,html:lang(es) .menu-btn,html:lang(pt-BR) .menu-btn,html:lang(ru) .menu-btn,html:lang(fil) .menu-btn,html:lang(tet) .menu-btn,html:lang(id) .menu-btn,html:lang(ms) .menu-btn{padding-left:10px;padding-right:10px}
}

/* Bản HTML chọn bằng span[data-i18n]; theme không còn thuộc tính đó */
.announce > .announce-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* Nội dung đã có sẵn trong HTML: chỉ ẩn để chờ hiệu ứng khi JavaScript chạy được */
html:not(.js) .rv{opacity:1;transform:none}
[hidden]{display:none!important}

/* Bài viết soạn bằng Gutenberg: trích dẫn chứa <p> */
.article-body blockquote p{font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;margin:0}
.article-body figure{margin:32px 0}
.article-body img{border-radius:18px;height:auto}
.article-body h3{font-family:var(--display);font-weight:400;font-size:clamp(20px,2vw,24px);margin:36px 0 12px}
.article-body a{text-decoration:underline}

/* Thanh quản trị WordPress khi đăng nhập */
body.admin-bar .announce{top:32px}
body.admin-bar .nav{top:calc(var(--announce-h) + 32px)}
body.admin-bar.scrolled .nav{top:32px}
@media (max-width:782px){
  body.admin-bar .announce{top:46px}
  body.admin-bar .nav{top:calc(var(--announce-h) + 46px)}
  body.admin-bar.scrolled .nav{top:46px}
}