/*
 * Chữ của bài viết + biểu mẫu chi tiết (mẫu Single của Elementor) thống nhất với "Trang nội dung"
 * (template-trang-noi-dung.php, page-doc.css): chữ và tiêu đề đều dùng Inter.
 * Nạp ở inc/page-doc/page-doc.php, chỉ trên single post / bieu_mau.
 */

/* Font chung của Elementor (bộ kit đặt Roboto) → cùng font với Trang nội dung */
body.single-post,
body.single-bieu_mau {
	--e-global-typography-primary-font-family: "Inter";
	--e-global-typography-secondary-font-family: "Inter";
	--e-global-typography-text-font-family: "Inter";
	--e-global-typography-accent-font-family: "Inter";
}

/*
 * functions.php (force_arial_font_globally_safe) ép Roboto !important cho mọi chữ trong .elementor, và một số widget
 * (bài liên quan, bài mới…) tự đặt IBM Plex Serif → trên 2 loại trang này đặt lại về Inter.
 * Icon của Elementor là SVG nên không bị ảnh hưởng.
 */
body.single-post .elementor :is(p, span, a, li, ul, ol, strong, b, em, label, input, textarea, select, button, table, th, td, blockquote, cite, time, figcaption),
body.single-bieu_mau .elementor :is(p, span, a, li, ul, ol, strong, b, em, label, input, textarea, select, button, table, th, td, blockquote, cite, time, figcaption) {
	font-family: var(--lo-font, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
}
body.single-post .elementor :is(h1, h2, h3, h4, h5, h6),
body.single-bieu_mau .elementor :is(h1, h2, h3, h4, h5, h6),
body.single-post .elementor :is(h1, h2, h3, h4, h5, h6) :is(a, span, strong, b, em),
body.single-bieu_mau .elementor :is(h1, h2, h3, h4, h5, h6) :is(a, span, strong, b, em) {
	font-family: var(--lo-font, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
}

/* Tiêu đề bài (H1) */
body.single-post .elementor-widget-theme-post-title .elementor-heading-title,
body.single-bieu_mau .elementor-widget-theme-post-title .elementor-heading-title {
	font-family: var(--lo-font, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
	font-size: clamp(24px, 1.6vw + 14px, 32px) !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	letter-spacing: -.01em;
	color: var(--lo-ink, #0f172a);
}

/* Nội dung bài */
body.single-post .elementor-widget-theme-post-content,
body.single-bieu_mau .elementor-widget-theme-post-content {
	font-family: var(--lo-font, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
	font-size: 16px;
	line-height: 1.75;
	color: var(--lo-ink-2, #334155);
	overflow-wrap: break-word;
}
body.single-post .elementor-widget-theme-post-content :is(p, li, td, th, blockquote),
body.single-bieu_mau .elementor-widget-theme-post-content :is(p, li, td, th, blockquote) {
	font-family: inherit;
}
body.single-post .elementor-widget-theme-post-content :is(p, li),
body.single-bieu_mau .elementor-widget-theme-post-content :is(p, li) {
	font-size: 16px;
	line-height: 1.75;
}
body.single-post .elementor-widget-theme-post-content p,
body.single-bieu_mau .elementor-widget-theme-post-content p {
	margin: 0 0 1em;
}
body.single-post .elementor-widget-theme-post-content li,
body.single-bieu_mau .elementor-widget-theme-post-content li {
	margin: .3em 0;
}
body.single-post .elementor-widget-theme-post-content :is(h2, h3, h4),
body.single-bieu_mau .elementor-widget-theme-post-content :is(h2, h3, h4) {
	font-family: var(--lo-font, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
	line-height: 1.35;
	color: var(--lo-ink, #0f172a);
}
body.single-post .elementor-widget-theme-post-content h2,
body.single-bieu_mau .elementor-widget-theme-post-content h2 {
	font-size: 21px;
	font-weight: 700;
}
body.single-post .elementor-widget-theme-post-content h3,
body.single-bieu_mau .elementor-widget-theme-post-content h3 {
	font-size: 18px;
	font-weight: 700;
}
body.single-post .elementor-widget-theme-post-content h4,
body.single-bieu_mau .elementor-widget-theme-post-content h4 {
	font-size: 16px;
	font-weight: 700;
}
body.single-post .elementor-widget-theme-post-content table,
body.single-bieu_mau .elementor-widget-theme-post-content table {
	font-size: 14.5px;
}

@media (max-width: 767px) {
	body.single-post .elementor-widget-theme-post-content,
	body.single-bieu_mau .elementor-widget-theme-post-content,
	body.single-post .elementor-widget-theme-post-content :is(p, li),
	body.single-bieu_mau .elementor-widget-theme-post-content :is(p, li) {
		font-size: 15.5px;
	}
	body.single-post .elementor-widget-theme-post-content h2,
	body.single-bieu_mau .elementor-widget-theme-post-content h2 {
		font-size: 19px;
	}
}