/* ============================================
   PF BeauSans Pro + FS Magistral — khai báo @font-face
   Bản quyền: Parachute (parachute.gr), do chủ site mua đầy đủ.
   ============================================

   Tên họ phông trong CSS vẫn giữ nguyên là "BeauSansPro" và "Magistral" dù tên
   thật trong tệp là "FS PF BeauSans Pro" / "FS Magistral". Đây là cố ý: hơn ba
   nghìn khai báo trong site trỏ tới var(--hc-font-sans), đổi tên họ ở đây sẽ
   kéo theo sửa toàn bộ. Tên trong @font-face chỉ là nhãn nội bộ của CSS.

   Nấc trọng lượng dưới đây đọc trực tiếp từ OS/2.usWeightClass của từng tệp,
   không suy từ tên tệp. Bản cũ khai báo Thin ở nấc 100 là sai: Thin thật là 200,
   còn nấc 100 là XThin — một mặt chữ riêng mà bản cũ không có.

   Quan trọng: BeauSans có mặt chữ 500 (Bbook). Trước đây thiếu nó nên mọi
   `font-weight: 500` — kể cả h1 bên dưới — rơi về Regular 400, khiến chữ đáng
   lẽ đậm vừa lại nhìn y hệt chữ thân bài. Nay đã có mặt chữ thật.

   BeauSans KHÔNG có nấc 800; chỉ Magistral mới có. Mọi khai báo 800 trong CSS
   của site đã được quy về 700 hoặc 900.

   Mỗi src: liệt kê woff2 trước rồi mới tới ttf. Trình duyệt lấy định dạng đầu
   tiên nó hiểu được, nên gần như luôn tải woff2 — 2,2 MB thay vì 12 MB ttf. */

/* --- BeauSansPro 100 — XThin --- */
@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-XThin.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-XThin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-XThinItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-XThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* --- BeauSansPro 200 — Thin --- */
@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Thin.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Thin.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-ThinItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-ThinItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* --- BeauSansPro 300 — Light --- */
@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Light.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-LightItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* --- BeauSansPro 400 — Regular --- */
@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Regular.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Italic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* --- BeauSansPro 500 — Bbook (Medium) --- */
@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Bbook.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Bbook.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-BbookItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-BbookItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* --- BeauSansPro 600 — SemiBold --- */
@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-SemiBold.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-SemiBoldItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* --- BeauSansPro 700 — Bold --- */
@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Bold.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-BoldItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* --- BeauSansPro 900 — Black --- */
@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Black.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BeauSansPro";
    src: url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-BlackItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/pf-beau-sans-pro/PFBeauSansPro-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* --- Sarabun: long-form Vietnamese content --- */
@font-face {
    font-family: "Sarabun";
    src: url("/sites/hitechcloud/fonts/sarabun/Sarabun-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sarabun";
    src: url("/sites/hitechcloud/fonts/sarabun/Sarabun-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sarabun";
    src: url("/sites/hitechcloud/fonts/sarabun/Sarabun-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sarabun";
    src: url("/sites/hitechcloud/fonts/sarabun/Sarabun-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sarabun";
    src: url("/sites/hitechcloud/fonts/sarabun/Sarabun-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sarabun";
    src: url("/sites/hitechcloud/fonts/sarabun/Sarabun-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* --- FS Magistral: phông chữ trưng bày của thương hiệu ---
   Bộ đầy đủ 300/400/500/700/800, thường và nghiêng. Sau đợt chuẩn hoá kiểu chữ,
   HIỆN KHÔNG CÓ tệp CSS nào tham chiếu tới họ này; nó được khai báo sẵn để dùng
   cho tiêu đề thương hiệu khi có yêu cầu. Vì chưa selector nào gọi tới, trình
   duyệt KHÔNG tải một byte nào của Magistral, nên việc để đây không tốn gì. */
@font-face {
    font-family: "Magistral";
    src: url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-Light.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Magistral";
    src: url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-LightItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Magistral";
    src: url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-Book.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-Book.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Magistral";
    src: url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-BookItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-BookItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Magistral";
    src: url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-Medium.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Magistral";
    src: url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-MediumItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Magistral";
    src: url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-Bold.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Magistral";
    src: url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-BoldItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Magistral";
    src: url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-ExtraBold.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Magistral";
    src: url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-ExtraBoldItalic.woff2") format("woff2"),
         url("/sites/hitechcloud/fonts/fs-magistral/FSMagistral-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* ============================================
   Apply BeauSansPro as the global body font
   Override Kadence theme CSS variables
   ============================================ */
.hc-wp.hc-wp {
    /* ============================================
       Ngăn xếp phông chữ gốc DUY NHẤT của toàn site
       ============================================
       Đây là nơi duy nhất khai báo họ phông chữ. Mọi tệp CSS khác chỉ được
       tham chiếu tới var(--hc-font-sans) hoặc var(--hc-font-mono), không được
       lặp lại ngăn xếp, vì mỗi bản sao là một chỗ có thể lệch khi đổi phông.

       BeauSansPro và Sarabun đều tự lưu trên máy chủ (@font-face ở trên) và
       đều phủ đủ 134 ký tự tiếng Việt có dấu, nên chữ ế ộ ữ ỹ hiện đúng chứ
       không rơi sang phông dự phòng ở lớp dấu.

       Site còn phục vụ /ja/ /ko/ /zh/ mà hai phông trên không có ký tự CJK.
       Danh sách phông hệ thống CJK phía sau để các trang đó dùng phông sans
       sẵn có của máy người đọc thay vì rơi về phông serif mặc định; chúng
       không tải thêm byte nào vì đã nằm sẵn trong hệ điều hành. */
    --hc-font-sans: "BeauSansPro", "Sarabun", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;

    /* Phông chữ trưng bày của thương hiệu. CHƯA CÓ GÌ DÙNG token này — nó tồn tại
       để lần sau muốn đưa Magistral vào tiêu đề thương hiệu thì chỉ phải sửa
       một chỗ duy nhất, thay vì rải tên họ phông khắp nơi. Đừng tham chiếu tới
       nó cho đến khi có quyết định về thứ bậc hiển thị. */
    --hc-font-display: "Magistral", var(--hc-font-sans);

    /* Chữ đơn cách giữ vai trò riêng: mã lệnh, IP, mã hoá đơn, đầu ra terminal
       phải thẳng cột thì mới đọc được, nên đây là phông thứ hai duy nhất. */
    --hc-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

    /* Hai tên cũ --hc-font-ui và --hc-font-content nay cùng trỏ về một ngăn xếp.
       Giữ lại làm bí danh để khoảng 80 chỗ tham chiếu sẵn có không phải sửa,
       nhưng tất cả đều phân giải ra đúng một họ phông. */
    --hc-font-ui: var(--hc-font-sans);
    --hc-font-content: var(--hc-font-sans);

}

/* Kadence đặt phông từ CSDL và in CSS đó thẳng vào <head> SAU tệp này, nên một
   khối :root cùng độ đặc hiệu sẽ thua và biến quay về 'inherit'. Dùng html:root
   để bản ghim này thắng bất kể thứ tự nạp, giữ cho mọi thành phần Kadence và
   Kadence Blocks đọc biến đó vẫn ra đúng ngăn xếp gốc. */
div.hc-wp:root {
    --global-body-font-family: var(--hc-font-sans);
    --global-heading-font-family: var(--hc-font-sans);
}

div.hc-wp,
div.hc-wp input,
div.hc-wp select,
div.hc-wp optgroup,
div.hc-wp textarea {
    font-family: var(--hc-font-sans) !important;
    font-size: 16px;
    line-height: 1.5;
    font-synthesis: none;
}

.hc-wp h1, .hc-wp h2, .hc-wp h3, .hc-wp h4, .hc-wp h5, .hc-wp h6 {
    font-family: var(--hc-font-sans) !important;
}

.hc-wp h1 {
    font-weight: 500;
    line-height: 1.2;
}

.hc-wp h2, .hc-wp h3, .hc-wp h4, .hc-wp h5, .hc-wp h6 {
    font-weight: 600;
    line-height: 1.2;
}

.hc-wp .site-header .main-navigation .primary-menu-container > ul > li > a,
.hc-wp .site-header .secondary-navigation a,
.hc-wp .site-header .mobile-navigation a,
.hc-wp button,
.hc-wp input[type="button"],
.hc-wp input[type="submit"],
.hc-wp input[type="reset"] {
    font-family: var(--hc-font-sans) !important;
    font-weight: 400 !important;
}

.hc-wp .site-header .main-navigation .primary-menu-container > ul > li > a {
    font-size: 16px !important;
    line-height: 24px !important;
}

.hc-wp .entry-content p,
.hc-wp .entry-content li,
.hc-wp .entry-content blockquote,
.hc-wp .entry-content td,
.hc-wp .entry-content th,
.hc-wp .wp-block-post-content p,
.hc-wp .wp-block-post-content li,
.hc-wp .hpm-policy-content p,
.hc-wp .hpm-policy-content li,
.hc-wp .hpm-policy-content blockquote,
.hc-wp .hpm-policy-content td,
.hc-wp .hpm-policy-content th {
    font-family: var(--hc-font-sans);
    font-weight: 400;
}

.hc-wp strong, .hc-wp b {
    font-family: var(--hc-font-sans);
    font-weight: 700;
}

.hc-wp em, .hc-wp i {
    font-family: var(--hc-font-sans);
    font-style: italic;
}

/* Keep article, policy, and support copy aligned with the measured content role. */
.hc-wp .entry-content,
.hc-wp .wp-block-post-content,
.hc-wp .hpm-policy-content {
    font-family: var(--hc-font-sans);
    font-size: 16px;
    line-height: 1.5;
}