/*
* Shared mobile navigation polish — inject vào TẤT CẢ 832 theme qua cdn_assets_head().
* Mục tiêu: fix menu mobile thân thiện cho mọi nav variant đang dùng:
* .nav-sticky-top — burger toggle ul absolute
* .nav-side-drawer — drawer slide-in từ trái
* .nav-minimal — dropdown click "Menu"
* .nav-mega / .nav-mega-top — full-width menu
* .nav-magazine — 2-row magazine layout
* .nav-centered — left/right + brand giữa
*
* Section §0 áp dụng MỌI viewport (desktop + mobile) — phần còn lại trong @media ≤992px.
* Dùng !important vì theme CSS load TRƯỚC (style.css per-theme) — file shared cần override.
*/
/* ═════════════════════════════════════════════════════════════════════════
§0. BRAND LOGO — ép kích thước cố định cho img để không phá layout
Vấn đề: preview tenant chưa có logo → render text → fit
column tự nhiên. Tenant thật upload logo → ![]()
nhưng KHÔNG có
max-width/max-height từ theme CSS → image to render at native ratio
→ đẩy 2 ul/cta sang trái-phải → bố cục lệch.
Fix: clamp .brand img tới slot cố định cho MỌI nav variant + viewport.
═════════════════════════════════════════════════════════════════════════ */
.nav-sticky-top .brand,
.nav-side-drawer .brand,
.nav-mega .brand,
.nav-mega-top .brand,
.nav-magazine .brand,
.nav-centered .brand,
.nav-minimal .brand {
display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
}
.nav-sticky-top .brand img,
.nav-side-drawer .brand img,
.nav-mega .brand img,
.nav-mega-top .brand img,
.nav-magazine .brand img,
.nav-centered .brand img,
.nav-minimal .brand img {
max-height: 48px !important;
height: auto !important;
width: auto !important;
max-width: 200px !important;
object-fit: contain !important;
display: block !important;
}
/* nav-centered: brand ở giữa với layout grid 1fr/auto/1fr — clamp slot brand
không vượt quá 1/3 viewport width để 2 ul vẫn đủ chỗ */
.nav-centered .brand {
justify-content: center !important;
max-width: min(33vw, 280px) !important;
overflow: hidden !important;
}
.nav-centered .brand img {
max-width: 100% !important;
}
/* Mobile: logo nhỏ hơn để vừa burger + cta */
@media (max-width: 768px) {
.nav-sticky-top .brand img,
.nav-side-drawer .brand img,
.nav-mega .brand img,
.nav-mega-top .brand img,
.nav-magazine .brand img,
.nav-centered .brand img,
.nav-minimal .brand img {
max-height: 36px !important;
max-width: 140px !important;
}
}
/* ═════════════════════════════════════════════════════════════════════════
§0b. FOOTER LINK — bỏ gạch chân + đồng bộ màu link với text body của footer
Áp dụng cho TẤT CẢ themes: site-footer (V7), footer-dp (dark-pro),
tf-foot (default flavors), thẻ