/**
 * RTL / LTR direction helpers.
 * Prefer logical properties in components; this file covers remaining cases.
 */

[dir="rtl"] body {
	text-align: right;
}

[dir="ltr"] body {
	text-align: left;
}

[dir="rtl"] .service-list__arrow {
	transform: scaleX(-1);
}

[dir="rtl"] .whatsapp-fab {
	inset-inline-start: auto;
	inset-inline-end: 24px;
}

body.dir-ltr .hero__overlay {
	background: linear-gradient(to right, rgba(253, 246, 246, 0.95) 40%, rgba(253, 246, 246, 0.3) 70%, transparent);
}

[dir="rtl"] .hero__overlay {
	background: linear-gradient(to right, rgba(253, 246, 246, 0.95) 40%, rgba(253, 246, 246, 0.3) 70%, transparent);
}

@media (min-width: 1024px) {
	[dir="rtl"] .hero__overlay {
		background: linear-gradient(to right, rgba(253, 246, 246, 0.98) 35%, rgba(253, 246, 246, 0.4) 65%, transparent);
	}

	[dir="rtl"] .hero__content {
		margin-inline-start: 0;
		margin-inline-end: auto;
	}
}