/* =============================================================================
   10-base.css — typography nền toàn site.
   Luật III.4.1 · phạm vi TOÀN SITE theo vai trò (III.4.3-1 cho phép).
============================================================================= */

/* -----------------------------------------------------------------------------
   [phục vụ]  toàn site — CHỈ weight 800 của Be Vietnam Pro
   [trang]    mọi trang
   [mockup]   cả 6
   [lý do vượt panel]  Customizer chỉ có 4 ô chọn font (Headings · Body · Nav ·
              Alternative), nên Flatsome chỉ tải về 4 weight tương ứng:
              400 · 500 · 600 · 700. Quyết định 3.7-1 còn cần **800** để nhấn
              số liệu, mà KHÔNG có ô panel nào ánh xạ tới nó. Đây là weight duy
              nhất panel không với tới.

   ⛔ KHÔNG khai 400/500/600/700 ở đây. Flatsome ĐÃ tự self-host chúng vào
      wp-content/fonts/be-vietnam-pro/ (gồm cả bộ vietnamese U+1EA0–1EF9) và
      in @font-face nội tuyến. Khai lại là tạo NGUỒN THỨ HAI cho cùng một họ
      chữ — đúng thứ luật III.4.4 cấm, và sẽ trôi lệch khi ai đó đổi font trong
      Customizer.

   ✅ Đã kiểm chứng 18/08/2026: bỏ mọi can thiệp thì trang vẫn **0 request** ra
      fonts.googleapis / fonts.gstatic. Flatsome self-host sẵn, không cần dequeue.
      Bài kiểm: curl trang | grep -c 'fonts.googleapis' → phải bằng 0.

   Nguồn: Google Fonts, giấy phép SIL Open Font License 1.1 — được phép self-host.
   -------------------------------------------------------------------------- */

/* latin */
@font-face {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/be-vietnam-pro-800-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/be-vietnam-pro-800-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* vietnamese */
@font-face {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/be-vietnam-pro-800-vietnamese.woff2') format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* -----------------------------------------------------------------------------
   [phục vụ]  phần tử: Row | khối: bề ngang dải nội dung THÂN TRANG, mọi trang
   [trang]    cả 6
   [mockup]   ⚠ hai brief 19/08 KHÔNG kèm ảnh; 4T chốt làm theo số trong brief
   [lý do vượt panel]  Customizer `site_width` chỉ nhận một số px CỐ ĐỊNH; brief
              muốn dải nội dung nới dần theo khổ màn. Xem chú thích đầy đủ ở
              biến `--tl-be-ngang` trong 00-tokens.css.
   ⚠ CHỈ desktop. Mobile đã chốt riêng (spec/quyet-dinh-mobile.md) — ở khổ nhỏ
     Flatsome tự cho .row full width, đụng vào là mở lại một hồ sơ đã đóng.
   -------------------------------------------------------------------------- */
@media (min-width: 850px) {

	/* ⛔ BẪY ĐỘ ƯU TIÊN NGANG BẰNG: Flatsome in `.row.row-small{max-width:1162.5px}`
	   và `.row.row-collapse{...}` vào thẻ <style> NỘI TUYẾN trong <head> — tức
	   SAU mọi tệp CSS của child theme. Cả hai đều 0-2-0, ĐÚNG BẰNG `.page-wrapper .row`,
	   nên hoà specificity và bản in sau THẮNG. Phải nêu đích danh hai biến thể
	   để lên 0-3-0. Đã trả giá 19/08: footer trơ ở 1162,5px trong khi thân trang
	   đã nới tới 1360px, mà nhìn CSS thì thấy rule nằm đó rành rành. */
	.page-wrapper .row,
	.page-wrapper .row.row-small,
	.page-wrapper .row.row-collapse { max-width: var(--tl-be-ngang); }

	/* Row lồng trong cột không được ăn max-width của row cha */
	.page-wrapper .row .row { max-width: none; }
}