/**
 * MK Widgets — Arabic (RTL) line heights and font fallbacks.
 *
 * Loaded only when is_rtl(). Fonts come from the Hello MK theme, which gives TurbineTrial
 * and Amplitude Arabic glyphs, so widgets keep the fonts set in Elementor.
 * Line heights follow Apex style-ar.css; !important beats Elementor's per-element typography.
 */

html[dir="rtl"] .mk-video-hero__title-line,
html[dir="rtl"] .mk-page-intro__title,
html[dir="rtl"] .mk-overview__title,
html[dir="rtl"] .mk-parallax-banner__title,
html[dir="rtl"] .mk-values-slider__title,
html[dir="rtl"] .mk-values-slider__card-title,
html[dir="rtl"] .mk-card__title {
	line-height: 1.4 !important;
}

html[dir="rtl"] .mk-video-hero__eyebrow {
	line-height: 1.5 !important;
}

html[dir="rtl"] .mk-video-hero__subtitle,
html[dir="rtl"] .mk-page-intro__abstract,
html[dir="rtl"] .mk-page-intro__description,
html[dir="rtl"] .mk-overview__abstract,
html[dir="rtl"] .mk-overview__description,
html[dir="rtl"] .mk-parallax-banner__desc,
html[dir="rtl"] .mk-values-slider__abstract,
html[dir="rtl"] .mk-values-slider__card-abstract,
html[dir="rtl"] .mk-card__desc {
	line-height: 1.7 !important;
}

/* Taller Arabic line heights push hero content under the overlay header on short heroes.
 * !important beats the widget's Elementor padding control; the hero grows instead. */
html[dir="rtl"] .mk-video-hero__content {
	padding-block-start: var(--mk-vh-header-offset, 110px) !important;
}

@media (max-width: 767.98px) {
	html[dir="rtl"] .mk-video-hero__content {
		padding-block-start: var(--mk-vh-header-offset-mobile, 80px) !important;
	}
}

/* Text elements with no Elementor font set: use the text pair instead of the body's display pair. */
:where(html[dir="rtl"]) .mk-values-slider__card-abstract {
	font-family: var(--mk-ff-secondary, "Alexandria", sans-serif);
}