/* Theme Name: Lilac Child Theme URI: https://lilac.wpengine.com/ Description: Lilac Child Theme Author: the WeDesignTech team Author URI: https://wedesignthemes.com/ Template: lilac Version: 1.0.0 Text Domain: lilac-child */ /* ========================================================================== Fonts — Archivo Narrow (variable font, trục wght 100–900) ========================================================================== */ @font-face { font-family: "Archivo Narrow"; src: url("fonts/ArchivoNarrow-VariableFont_wght.ttf") format("truetype-variations"), url("fonts/ArchivoNarrow-VariableFont_wght.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: "Archivo Narrow"; src: url("fonts/ArchivoNarrow-Italic-VariableFont_wght.ttf") format("truetype-variations"), url("fonts/ArchivoNarrow-Italic-VariableFont_wght.ttf") format("truetype"); font-weight: 100 900; font-style: italic; font-display: swap; } :root { --lilac-font-body: "Archivo Narrow", Arial, Helvetica, sans-serif; /* Đè biến typography của theme cha (lilac in ra :root inline qua Customizer, nên phải dùng !important). Mọi rule dùng var(--wdtFontTypo_Base) sẽ đổi theo. */ --wdtFontTypo_Base: "Archivo Narrow", Arial, Helvetica, sans-serif !important; --wdtFontTypo_Alt: "Archivo Narrow", Arial, Helvetica, sans-serif !important; /* Mặc định theme cha là clamp(0.0625rem, 0.0337rem + 0.1282vw, 0.1875rem) — tức 1px→3px co giãn theo viewport. Fix cứng 1.2px. */ --wdtAdLetterSpaceing: 1.2px !important; --wdtFontSize_Ext: 14px !important; } /* Biến global typography của Elementor. Elementor khai báo trên .elementor-kit-7 — class này nằm ở thẻ , KHÔNG phải :root. Một custom property khai báo ngay trên chính element sẽ thắng giá trị kế thừa từ , kể cả khi bên :root có !important. Vì vậy phải đặt ở selector `body` (cùng element) thì !important mới có tác dụng. */ body { --e-global-typography-text-font-family: "Archivo Narrow", Arial, Helvetica, sans-serif !important; } /* Áp dụng font cho toàn site. Bỏ block dưới đây nếu chỉ muốn dùng font ở một vài chỗ (khi đó gọi trực tiếp: font-family: var(--lilac-font-body);) */ body, button, input, select, optgroup, textarea, h1, h2, h3, h4, h5, h6 { font-family: var(--lilac-font-body); } /* Counter title (element 87fd881). Widget này set font trực tiếp trong panel Elementor ("Outfit", không qua Global Typography) nên các biến --e-global-* ở trên không đè được — phải override đúng selector Elementor sinh ra trong post-2264.css. */ .elementor-element.elementor-element-87fd881 .elementor-counter-title { font-family: var(--lilac-font-body) !important; } /* Text chạy ở header top bar. */ .wdt-custom-header-top .wdt-animation-item.text-item { font-size: 12px !important; }