/**
 * RTL overrides.
 *
 * The layout is written with logical properties (margin-inline, inset-inline,
 * padding-block), so mirroring is automatic. Only genuinely directional
 * artwork needs flipping here. Loaded by functions.php when is_rtl().
 */

/* Directional glyphs that must point the other way. */
[dir="rtl"] .mvr-breadcrumbs li:not(:last-child)::after {
	content: "\\";
}

/* Numbered step connectors run right-to-left. */
[dir="rtl"] .mvr-step::before {
	inset-inline-start: 0;
}

/* Arabic sits better with slightly looser leading and no negative tracking. */
[dir="rtl"] body {
	letter-spacing: 0;
	line-height: 1.75;
}

[dir="rtl"] :where(h1, h2, h3, h4, h5, h6) {
	letter-spacing: 0;
	line-height: 1.3;
}

/*
 * The dark field's light source is a composition choice, not a decoration that
 * happens to sit on the right. In LTR it falls on the empty half of the hero,
 * opposite the text. RTL flips the content, so the source flips with it —
 * otherwise the brightest part of the background lands directly behind the
 * Arabic headline and takes contrast with it.
 *
 * Only the horizontal position mirrors. The centred sources on the CTA band and
 * the footer are already symmetrical and are left alone.
 */
[dir="rtl"] .mvr-hero--dark,
[dir="rtl"] .mvr-section--dark {
	--mvr-field-glow-x: 28%;
	--mvr-field-fill-x: 84%;
}