/* [COMMON-HEADER] Kích thước lấy từ Global Settings → appearance trong database. */
.site-header{top:var(--header-top,16px);width:min(var(--header-width,1440px),90%);min-height:var(--header-height,68px);padding:10px 28px;gap:var(--header-gap,18px);border:1px solid #dce2eb;border-radius:10px}
.site-header .brand{width:var(--logo-width,148px);flex:0 0 var(--logo-width,148px);gap:6px;margin:0}
.site-header .brand img{width:100%;height:var(--logo-height,44px);max-height:none;object-fit:contain}
.brand-symbol{width:var(--logo-height,44px);height:var(--logo-height,44px);flex-shrink:0}
.brand-wordmark{display:flex;flex-direction:column;color:#071e60;line-height:1.05}
.brand-wordmark strong{font-size:19px;letter-spacing:-.6px;font-weight:800}
.brand-wordmark>span{font-size:9px;letter-spacing:4px;font-weight:750;padding-left:3px}
.site-header nav{display:flex;gap:var(--header-gap,18px);margin:auto;align-items:center}
.site-header nav a,.site-header .header-actions .button{font-size:var(--header-font-size,13px);font-weight:650;line-height:1.4}
.site-header .header-actions{gap:12px;margin:0}
.site-header .header-actions>a:first-child{display:inline-flex}
.site-header .header-actions .button{padding:10px 20px;border-radius:10px;box-shadow:none}
.site-header .signin-button{color:var(--accent);background:white}.site-header .signin-button:hover{background:#edf5ff}
.nav-entry{position:relative}.nav-entry-heading{display:flex;align-items:center;gap:3px}
.nav-disclosure{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;padding:4px;cursor:pointer;font-size:11px;line-height:1}
/* [COMMON-HEADER / SUBMENU-ICON] Bootstrap Icons có sẵn trong dự án; xoay theo trạng thái menu. */
.nav-disclosure .bi{display:inline-flex;transition:transform .18s ease}
.nav-disclosure[aria-expanded="true"] .bi{transform:rotate(180deg)}
/* [COMMON-HEADER / LANGUAGE] Icon Bootstrap và hai lựa chọn ngôn ngữ dùng chung. */
.header-language{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;color:#627493}
.header-language .bi{font-size:17px;color:#0868ff;margin-right:2px}
.header-language a{padding:5px 1px;font-weight:600}.header-language a[aria-current="true"]{color:#0868ff;font-weight:800}
@media(min-width:1200px){.site-header .header-actions{gap:10px}.site-header{gap:15px}}

.nav-children{position:absolute;top:100%;left:-16px;min-width:180px;padding:12px;background:white;box-shadow:0 10px 25px #001c4930;border-radius:8px}
.nav-children[hidden]{display:none}.site-header .nav-children a{display:block;padding:9px 8px}
/* [COMMON-HEADER / MOBILE-MENU] Menu thu gọn; vẫn giữ đủ hai nút tài khoản. */
@media(max-width:1399px){.site-header{flex-wrap:wrap;padding:10px 20px}.site-header .brand{margin-right:auto}.site-header .nav-toggle{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#102851;font-size:var(--mobile-font-size,16px);cursor:pointer}.site-header nav{display:none;order:4;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #e1e9f6;padding:10px 0;max-height:60vh;overflow:auto}.site-header nav.open{display:flex}.site-header nav a{font-size:var(--mobile-font-size,16px);padding:10px}.nav-entry-heading{justify-content:space-between}.nav-disclosure{padding:12px}.nav-children{position:static;box-shadow:none;padding:0 16px;background:#f3f7ff}}
@media(max-width:600px){.site-header{width:92%;padding:10px 16px;gap:10px}.site-header .header-actions{width:100%;justify-content:flex-end}.site-header .header-actions .button{font-size:13px;padding:8px 18px}.site-header .brand{flex-basis:var(--logo-width,148px)}}

/* Full-width white bar while scrolling; the menu retains its original alignment. */
.site-header-shell{position:absolute;top:0;left:0;right:0;z-index:100}
.site-header-shell.is-stuck{position:fixed;background:#fff;box-shadow:0 3px 18px #001c4914}
.site-header-shell.is-stuck .site-header{position:relative;top:0;border-color:transparent;border-radius:0;box-shadow:none}