/* Mega menu (máy tính) cho mục có class xch-mega trong Menu chính. HTML do inc/mega-menu.php dựng, mở/đóng bằng assets/js/mega-menu.js. */
.xmm{
	--xmm-ink:#0B2247;--xmm-muted:#4E5E78;--xmm-line:#D3DDEB;--xmm-bg:#F2F6FB;
	--xmm-brand:#10509F;--xmm-accent:#F36F25;--xmm-accent-text:#BF4A08;
	--xmm-font:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	position:absolute;top:100%;left:0;width:min(1200px,96vw);z-index:1000;
	visibility:hidden;opacity:0;transform:translateY(6px);pointer-events:none;
	transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;
	font-family:var(--xmm-font);text-align:left;white-space:normal;
}
.nav>li.xch-mega-item{position:relative}
.nav>li.xch-mega-item.is-open>.xmm{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .15s ease,transform .15s ease}
.nav>li.xch-mega-item>a .xmm-caret{transition:transform .15s ease}
.nav>li.xch-mega-item.is-open>a .xmm-caret{transform:rotate(180deg)}
/* cầu nối vô hình để chuột đi từ chữ xuống bảng không bị đóng */
.xmm:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:12px}
.xmm__in{background:#fff;border:1px solid var(--xmm-line);border-top:0;border-radius:0 0 6px 6px;box-shadow:0 14px 28px rgba(11,34,71,.08);overflow:hidden}
.xmm__grid{display:grid;grid-template-columns:repeat(var(--xmm-cols,4),minmax(0,1fr));align-items:stretch}
.xmm__col{display:flex;flex-direction:column;min-width:0;padding:22px 24px 20px;border-left:1px solid var(--xmm-line)}
.xmm__col:first-child{border-left:0}
.xmm__col--2{grid-column:span 2}
.xmm .xmm__head{display:block;margin:0 0 4px;padding:0 0 0 10px;border-left:4px solid var(--xmm-accent);color:var(--xmm-ink);font:700 16px/1.3 var(--xmm-font);text-transform:uppercase;letter-spacing:.01em;text-decoration:none}
.xmm a.xmm__head:hover{color:var(--xmm-brand)}
.xmm__desc{margin:4px 0 0;padding-left:14px;color:var(--xmm-muted);font:400 13px/1.45 var(--xmm-font)}
.xmm .xmm__list{list-style:none;margin:12px 0 0;padding:0}
.xmm__col--2 .xmm__list{columns:2;column-gap:24px}
.xmm .xmm__list li{margin:0;padding:0;break-inside:avoid;list-style:none}
.xmm .xmm__list a{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--xmm-ink);font:400 15px/1.4 var(--xmm-font);text-decoration:none;transition:color .15s}
.xmm .xmm__list a:before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:1px;background:var(--xmm-line);transition:background-color .15s}
.xmm .xmm__list a:hover,.xmm .xmm__list li.is-current>a{color:var(--xmm-accent-text)}
.xmm .xmm__list a:hover:before,.xmm .xmm__list li.is-current>a:before{background:var(--xmm-accent)}
.xmm .xmm__all{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;color:var(--xmm-brand);font:600 14px/1.3 var(--xmm-font);text-decoration:none}
.xmm .xmm__all:hover{color:var(--xmm-accent-text)}
.xmm__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--xmm-bg);border-top:1px solid var(--xmm-line)}
.xmm .xmm__help{margin:0;color:var(--xmm-muted);font:400 14px/1.4 var(--xmm-font)}
.xmm .xmm__help a{color:var(--xmm-brand);font-weight:700;text-decoration:none;white-space:nowrap}
.xmm .xmm__help a:hover{color:var(--xmm-accent-text)}
.xmm .xmm__btn{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:9px 16px;border:2px solid var(--xmm-brand);border-radius:6px;background:var(--xmm-brand);color:#fff;font:600 14px/1.2 var(--xmm-font);text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s}
.xmm .xmm__btn:hover{background:var(--xmm-accent);border-color:var(--xmm-accent);color:#fff}
@media (max-width:849px){.xmm{display:none!important}}
@media (prefers-reduced-motion:reduce){.xmm,.nav>li.xch-mega-item>a .xmm-caret{transition:none}}
