/* Right-to-left adjustments for the Arabic site (loaded only when the page is RTL). */

/*
 * Mirrored negative margins can push a few pixels past the right edge, which
 * is the scroll side in RTL. Clip it (unlike hidden, clip keeps sticky headers working).
 */
html[dir="rtl"],
html[dir="rtl"] body {
	overflow-x: clip;
}

/* Arabic script needs more room between lines than the Latin design. */
html[dir="rtl"] body,
html[dir="rtl"] .elementor-widget-text-editor,
html[dir="rtl"] .elementor-widget-text-editor p,
html[dir="rtl"] .elementor-icon-list-text,
html[dir="rtl"] .ekit-wid-con p {
	line-height: 1.8;
}
html[dir="rtl"] .elementor-heading-title {
	line-height: 1.45;
	letter-spacing: 0 !important;
}
/* Letter-spacing and uppercase break Arabic joining. */
html[dir="rtl"] * {
	letter-spacing: normal !important;
	text-transform: none !important;
}

/*
 * Sections whose background photo leaves one side free for text keep the
 * English column order, so the text never covers the photo's subject.
 * The class is added to those sections by the Arabic import (fix-layout.php).
 */
html[dir="rtl"] .hs-keep-columns > .elementor-container,
html[dir="rtl"] .hs-keep-columns > .e-con-inner {
	direction: ltr;
}
html[dir="rtl"] .hs-keep-columns > .elementor-container > .elementor-column,
html[dir="rtl"] .hs-keep-columns > .e-con-inner > .elementor-element {
	direction: rtl;
}

/*
 * Carousels (Jeg Kit testimonials / tiny-slider) miscalculate their track in
 * RTL and push the page 160,000px wide. Run the track LTR, keep slide text RTL.
 */
html[dir="rtl"] .jkit-testimonials .testimonials-list,
html[dir="rtl"] .jkit-testimonials .tns-outer,
html[dir="rtl"] .jkit-testimonials .tns-ovh,
html[dir="rtl"] .jkit-testimonials .tns-inner,
html[dir="rtl"] .jkit-testimonials .testimonials-track {
	direction: ltr;
}
html[dir="rtl"] .jkit-testimonials .testimonial-item {
	direction: rtl;
	text-align: right;
}
html[dir="rtl"] .tns-liveregion {
	display: none;
}

/* Floated blog images leave a one-word column of text beside them on phones. */
@media (max-width: 600px) {
	html[dir="rtl"] img.alignright,
	html[dir="rtl"] img.alignleft,
	html[dir="rtl"] .wp-caption.alignright,
	html[dir="rtl"] .wp-caption.alignleft {
		float: none;
		display: block;
		margin: 0 auto 1em;
		max-width: 100%;
		height: auto;
	}
}

/* Phone numbers, emails and URLs read left to right inside Arabic text. */
html[dir="rtl"] a[href^="tel:"]:not(.elementor-button):not([class*="btn"]),
html[dir="rtl"] a[href*="callto:"]:not(.elementor-button):not([class*="btn"]),
html[dir="rtl"] a[href*="wa.me"]:not(.elementor-button):not([class*="btn"]),
html[dir="rtl"] a[href^="mailto:"]:not(.elementor-button):not([class*="btn"]) {
	direction: ltr;
	unicode-bidi: isolate;
}
