/**
 * Global mobile heading scale — slightly smaller H1–H6 sitewide.
 * Loaded after Elementor so page CSS can still win only where more specific.
 */

@media (max-width: 767px) {
	:root {
		--pbl-fs-hero: 1.875rem; /* 30px */
		--pbl-fs-4xl: 2rem; /* 32px */
		--pbl-fs-3xl: 1.5rem; /* 24px */
		--pbl-fs-2xl: 1.375rem; /* 22px */
		--pbl-fs-xl: 1.25rem; /* 20px */
	}

	h1 {
		font-size: 1.875rem;
		line-height: 1.2;
	}

	h2 {
		font-size: 1.5rem;
		line-height: 1.25;
	}

	h3 {
		font-size: 1.25rem;
		line-height: 1.3;
	}

	h4 {
		font-size: 1.125rem;
		line-height: 1.35;
	}

	h5,
	h6 {
		font-size: 1rem;
		line-height: 1.4;
	}

	/* Elementor Heading widget — beat generated desktop sizes on small screens */
	html body .elementor .elementor-element .elementor-widget-container > h1.elementor-heading-title {
		font-size: 1.875rem !important;
		line-height: 1.2 !important;
	}

	html body .elementor .elementor-element .elementor-widget-container > h2.elementor-heading-title {
		font-size: 1.5rem !important;
		line-height: 1.25 !important;
	}

	html body .elementor .elementor-element .elementor-widget-container > h3.elementor-heading-title {
		font-size: 1.25rem !important;
		line-height: 1.3 !important;
	}

	html body .elementor .elementor-element .elementor-widget-container > h4.elementor-heading-title {
		font-size: 1.125rem !important;
		line-height: 1.35 !important;
	}

	html body .elementor .elementor-element .elementor-widget-container > h5.elementor-heading-title,
	html body .elementor .elementor-element .elementor-widget-container > h6.elementor-heading-title {
		font-size: 1rem !important;
		line-height: 1.4 !important;
	}

	/* Text-editor embedded headings (legal pages, rich text) */
	html body .elementor .elementor-widget-text-editor h1 {
		font-size: 1.75rem !important;
		line-height: 1.2 !important;
	}

	html body .elementor .elementor-widget-text-editor h2 {
		font-size: 1.25rem !important;
		line-height: 1.3 !important;
	}

	html body .elementor .elementor-widget-text-editor h3 {
		font-size: 1.125rem !important;
		line-height: 1.35 !important;
	}

	html body .elementor .elementor-widget-text-editor h4,
	html body .elementor .elementor-widget-text-editor h5,
	html body .elementor .elementor-widget-text-editor h6 {
		font-size: 1rem !important;
		line-height: 1.4 !important;
	}

	/* Compact UI headings — do not inflate small card titles */
	html body .pbl-features-v1 .elementor-widget-container > h3.elementor-heading-title {
		font-size: 0.9375rem !important;
		line-height: 1.3 !important;
	}

	html body .pbl-contact-card .elementor-widget-container > h3.elementor-heading-title {
		font-size: 1.125rem !important;
		line-height: 1.3 !important;
	}
}