/* Site-wide fixes found while auditing the whole site against the
   homepage's finished quality bar. Each rule is scoped to one page's
   specific Elementor widget ID.

   An earlier version of this file used a blanket rule (every heading tag
   site-wide forced to text-align:left) to fix the same bug more broadly.
   That was wrong: many headings across the site are legitimately centered
   only via *inherited* alignment (a parent container set to "center" in
   Elementor, nothing on the heading itself) — directly targeting the
   heading tag beats inheritance regardless of specificity, so the blanket
   rule silently flattened those to left too (found on the doctors/
   testimonials homepage headings, the price-page hero, the doctors-team
   page). Per-widget overrides only touch the pages that actually have the
   justify bug. */

/* "Về Chúng Tôi": intro widget's alignment is set to Justify in Elementor —
   fine for the paragraph below it, but at mobile widths the big two-line H1
   with only 1–2 words per line gets stretched into huge, broken-looking
   gaps between words. */
body.page .elementor-element-c541b3c h1,
body.page .elementor-element-c541b3c h5 {
	text-align: left !important;
}

/* "Bước 1/2/3..." process-step headings on several service pages — same
   Justify-widget-with-a-short-heading-inside issue. */
body.page .elementor-element-f88b674 h4,
body.page .elementor-element-1eb901d h4,
body.page .elementor-element-b8af658 h4 {
	text-align: left !important;
}

/* "Nha Khoa Tổng Quát": this section's h2 was authored with an inline
   font-size:30px, the one section title site-wide that doesn't match the
   38px every other page's section h2 uses (site default set in
   typography.css) — restore the standard size. */
body.page .elementor-element-da126e9 h2 {
	font-size: clamp(27px, 3vw, 38px) !important;
}

@media (max-width: 767px) {
	body.page .elementor-element-da126e9 h2 {
		font-size: clamp(25px, 7.2vw, 32px) !important;
	}
}