/* ============================================================
   MỘT FONT CHO TOÀN WEB KHÁCH — Montserrat (12/11/2026, anh: "đồng bộ font chữ, thay đổi toàn bộ").
   Nạp cho MỌI máy (bản mặc định lẫn giao diện C), sau brand-components.css. Cùng bộ chọn giao diện C dùng từ 07/10
   (đo 100% phần tử Montserrat): !important thắng cả font ghi thẳng trong style="" của trang/CMS/JS
   (Fraunces, IBM Plex Mono, Be Vietnam Pro, Nunito ở popup rời trang, Spline Sans Mono ở cổng NCC, font hệ thống của nút…).
   Chừa SVG (biểu đồ, logo vẽ chữ). Số dùng tabular-nums để cột giá thẳng hàng như IBM Plex Mono cũ.
   Lùi: bỏ dòng <link chu-montserrat.css> trong App.razor + trả 3 biến --font-* ở brand-tokens.css.
   ============================================================ */
/* :root:root:root nâng độ ưu tiên lên (0,3,1): thắng cả luật font riêng của trang có kèm !important (vd .hpx .section-header .stl ở trang chủ cũ). */
:root:root:root body,
:root:root:root body :where(*:not(svg):not(svg *)){
  font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif!important;
}
html body{font-variant-numeric:tabular-nums}
/* Nút / ô nhập: trình duyệt đặt font riêng cho các thẻ này — cho kế thừa để cùng cỡ/độ đậm với chữ quanh. */
html body :where(button,input,select,textarea,optgroup){font-family:inherit}
/* Phần tử vốn MỘT DÒNG (menu đầu trang, huy hiệu chân trang, nút đăng nhập mạng xã hội, nhãn/nút ở trang vé xe, nút tìm,
   chip lọc): không cho xuống dòng — đo trước/sau 12/11 thấy các chỗ này gãy 2 dòng khi đổi font (anh: "không muốn lên xuống dòng làm bể khối"). */
html body :where(.site-nav .nl a,footer .cert,.auth-social-btn,.br-datestrip-lbl,.br-edit,.search-btn,.dt-chip,.hp-cb,.auth-hero-title span){white-space:nowrap}
/* 12/11 tối — đo Montserrat thật với font cũ thật ở 360–430px: 3 chỗ xuống thêm dòng, chỉnh riêng màn hẹp. */
@media (max-width:400px){
  html[data-nav-active="home"] body .hpV2-dest .hpV2-meta{font-size:11px}            /* '34 tour · từ 100.000₫' về 1 dòng */
  #bk-invoice div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important} /* 2 ô chọn hoá đơn VAT xếp 1 cột */
}
/* Thẻ tuyến xe gợi ý (lưới 2 cột, thẻ ~165px): giá bị cắt "232.0…" vì chia chỗ với chip cashback + điểm — có từ trước, font mới nặng thêm 5px.
   Màn hẹp: giá một dòng riêng, chip + điểm xuống dưới (mọi thẻ cùng cao thêm ~25px, không mất chữ). */
@media (max-width:480px){
  :is(.br-feat-grid,.bs-feat-grid) .card .hp-price-row{flex-wrap:wrap!important;row-gap:4px}
  :is(.br-feat-grid,.bs-feat-grid) .card .hp-price-row > :first-child{flex:1 0 100%!important}
  :is(.br-feat-grid,.bs-feat-grid) .card .hp-price{overflow:visible!important}
}
@media (max-width:360px){
  html body .auth-h{font-size:24px}                                                     /* tiêu đề trang đăng nhập 1 dòng */
}
/* Tiêu đề trước dùng Fraunces (hẹp hơn Montserrat): giữ số dòng như cũ — đo 37 trang × 2 màn với font cũ VẼ THẬT (12/11 tối). */
html body .rcx .rhead > h2,html body .ct-hero > h1{letter-spacing:-0.03em!important}      /* tuyển dụng 'Chỉ 4 bước…', 'Ứng tuyển Go365 VietNam'; liên hệ */
html body .pass-role,html body .w-adv > h3{letter-spacing:-0.015em!important}             /* 'Tài xế xe 7 chỗ & 16 chỗ'; 'Hotline tiếng Việt 24/7 + Zalo' */
@media (max-width:400px){html body h2.hpV2-dest-h{letter-spacing:-0.03em!important}}     /* trang chủ 360px 'Việt Nam trong tầm tay' */
html body .rcx .hero h1{font-size:clamp(46px,6.6vw,84px)!important;text-wrap:balance}    /* hero tuyển dụng: 104px Montserrat ra 5 dòng → 3 dòng như bản Fraunces */