/* =====================================================================
 * Mixo Typography — nhất quán toàn site.
 *  - Tiêu đề: Playfair Display
 *  - Nội dung: Lora
 *  Không đụng tới font icon (Font Awesome, eicons, dashicons, postero-icon...).
 * ===================================================================== */

:root,
body,
body.elementor-kit-8 {
	--mixo-font-heading: "Playfair Display", Georgia, "Times New Roman", serif;
	--mixo-font-body: "Lora", Georgia, "Times New Roman", serif;

	/* Override toàn bộ global typography của Elementor (đang là Barlow) */
	--e-global-typography-primary-font-family: "Playfair Display";
	--e-global-typography-secondary-font-family: "Playfair Display";
	--e-global-typography-text-font-family: "Lora";
	--e-global-typography-accent-font-family: "Lora";
	--e-global-typography-heading_title-font-family: "Playfair Display";
	--e-global-typography-bc8def4-font-family: "Lora";
}

/* ---------- NỘI DUNG (Lora) ---------- */
body,
.site-content,
p, li, dd, dt, blockquote, figcaption, cite, address,
table, td, th,
input, textarea, select, button,
.entry-content, .entry-content p, .entry-content li,
.entry-summary, .post-excerpt, .excerpt,
.woocommerce, .woocommerce div.product .woocommerce-tabs,
.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel, .shop_attributes,
.price, .amount, .product_meta,
.mixo-journal-content, .mixo-journal-content p, .mixo-journal-content li {
	font-family: var(--mixo-font-body) !important;
}

/* ---------- TIÊU ĐỀ (Playfair Display) ---------- */
h1, h2, h3, h4, h5, h6,
.entry-title, .post-title, .page-title, .section-title, .widget-title,
.elementor-heading-title,
.product_title, .products .product .woocommerce-loop-product__title,
.woocommerce-loop-product__title,
.mixo-journal-content h2, .mixo-journal-content h3, .mixo-journal-content h4,
.mixo-archive-editorial .entry-title {
	font-family: var(--mixo-font-heading) !important;
}

/* ---------- KHÔNG đụng tới font icon ----------
 * Các bộ icon (Font Awesome, eicons, dashicons, postero-icon, feather, woosw,
 * star-rating...) tự khai báo font-family !important riêng. Lớp typography này
 * KHÔNG nhắm vào i/.fa/.eicon/[class*=icon]/svg nên icon giữ nguyên.
 * Tuyệt đối không dùng `revert` ở đây — revert sẽ ép icon về font kế thừa (Lora)
 * và làm mất glyph. */