/*
 * Font chu chung cho ca hai khu: giao dien ngoai (Altech) va khu quan tri
 * (Stisla). Nap SAU toan bo CSS cua theme o hai layout.
 *
 * Vi sao tu chua font thay vi @import tu Google Fonts: khong phu thuoc mang
 * ngoai, khong request sang ben thu ba, va quan trong nhat la CHU DONG duoc
 * subset - bo cyrillic, GIU vietnamese. Sau tep woff2 cong lai ~117 KB, trong
 * do phan tieng Viet chi 8 KB.
 *
 * Font bien thien (variable) 200..800 nen mot tep phu het moi do dam - hai
 * theme dung tu 300 den 800 deu ra dung net, khong can tai tung do dam rieng.
 *
 * ---------------------------------------------------------------------------
 * CANH BAO: dung ghi de font-family bang selector '*' hay tren the <i>.
 *
 * Ca hai theme ve icon bang FONT (FontAwesome, themify, flaticon, Ionicons,
 * weathericons) - doi font cua chung thi icon bien thanh o vuong hoac chu cai.
 * Danh sach duoi day cham DUNG nhung selector ma theme dat font-family, tim
 * bang cach grep 'font-family' trong CSS cua ca hai theme roi loai cac dong
 * thuoc bo icon. Them khoi giao dien moi thi grep lai.
 * ---------------------------------------------------------------------------
 */

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url('../fonts/plus-jakarta-sans/pjs-italic-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;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url('../fonts/plus-jakarta-sans/pjs-italic-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;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url('../fonts/plus-jakarta-sans/pjs-italic-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;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('../fonts/plus-jakarta-sans/pjs-normal-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;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('../fonts/plus-jakarta-sans/pjs-normal-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;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('../fonts/plus-jakarta-sans/pjs-normal-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;
}

/* =========================================================================
 * Dung chung ca hai khu
 * ========================================================================= */

body,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif;
}

/* O nhap khong tu ke thua font cua body - trinh duyet ap font he thong. */
input, select, textarea, button,
.form-control, .custom-select, .btn {
    font-family: inherit;
}

/* =========================================================================
 * Giao dien ngoai (theme Altech)
 * main.css:      body, h1-h6, .about-overlay-02 h3 (Playfair), .about-overlay-03 h3
 * shortcodes.css: .section-title h2.title span (Playfair), .ttm-num:before,
 *                 .banner-img-box ... h5 (Montserrat)
 * ========================================================================= */

.about-overlay-02 h3,
.about-overlay-03 h3,
.section-title h2.title span,
.ttm-num:before,
.banner-img-box .featured-content .featured-title h5 {
    font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif;
}

/* Lop chu cua Revolution Slider. rs6.css khong dat font cho rs-layer (chi dat
   cho .tparrows:before - mui ten dieu huong, do la ICON nen phai chua ra), va
   markup slider khong khai 'f:' trong data-text, nen chi can neu ten o day la
   du. Khong dung 'rs-module *': se trung ca the <i> cua icon. */
rs-layer,
.rs-layer {
    font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif;
}

/* =========================================================================
 * Khu quan tri (theme Stisla)
 * style.css:      body (Nunito), blockquote ('Time new Romans')
 * components.css: .ionicons li .icon-name (Segoe UI)
 * ========================================================================= */

blockquote,
.ionicons li .icon-name {
    font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif;
}

/* =========================================================================
 * CO CHU
 *
 * Ca hai theme deu lay goc 14px cho body va khai kich thuoc bang PX cung, nen
 * doi 'html { font-size }' khong an thua - px khong co gian theo goc, chi rem
 * moi co. Cach lam o day: nhan lai tung co chu goc cua theme voi mot he so.
 *
 * MUON TO HON / NHO HON THI CHI SUA MOT SO --ti-le-chu BEN DUOI. Cac gia tri
 * px trong calc() la so GOC cua theme, giu nguyen de con doi chieu.
 *
 * Pham vi: chu than (body va moi thu ke thua no - doan van, danh sach, bang,
 * o nhap) va sau muc tieu de. Cac lop khai co chu rieng trong shortcodes.css
 * (nhan nho, badge, so dem) giu nguyen co cua theme - chung von la chu phu.
 *
 * Chu tren slider KHONG doi theo: Revolution Slider doc co chu tu thuoc tinh
 * data-text cho tung muc man hinh, khong lay tu CSS. Muon doi thi sua trong
 * frontend/partials/slider.blade.php.
 * ========================================================================= */

:root {
    --ti-le-chu: 1.07;
}

/* Ngoai le co chu dich: chu than trang chot cung 16px, KHONG nhan he so (chu du
   an chot 01/10/2026). Doi --ti-le-chu thi chi sau muc tieu de ben duoi doi
   theo. FontChungTest canh dung con so nay. */
body {
    font-size: 16px;
}

/* Chi giao dien ngoai: theme khai line-height cua body bang PX cung (25px), giu
   nguyen thi chu to len ma khoang cach dong khong doi - dong chu chat lai. Khu
   quan tri khong khai, no dung 1.5 khong don vi cua Bootstrap nen tu gian theo
   co chu, khong duoc dong vao. */
body.khu-ngoai {
    line-height: calc(25px * var(--ti-le-chu));
}

h1 { font-size: calc(45px * var(--ti-le-chu)); line-height: calc(50px * var(--ti-le-chu)); }
h2 { font-size: calc(35px * var(--ti-le-chu)); line-height: calc(40px * var(--ti-le-chu)); }
h3 { font-size: calc(27px * var(--ti-le-chu)); line-height: calc(35px * var(--ti-le-chu)); }
h4 { font-size: calc(24px * var(--ti-le-chu)); line-height: calc(30px * var(--ti-le-chu)); }
h5 { font-size: calc(19px * var(--ti-le-chu)); line-height: calc(23px * var(--ti-le-chu)); }
h6 { font-size: calc(16px * var(--ti-le-chu)); line-height: calc(18px * var(--ti-le-chu)); }