/*
 * Rechts-nach-links-Sprachen (ar, fa, ur, ps) – nur auf diesen Seiten geladen, nach rtl/*.css.
 * Gespiegelte Abstände/Positionen erzeugt bin/i18n-rtl-css.mjs; hier: arabische Schrift und Handkorrekturen.
 */

/* --- Vazirmatn (OFL 1.1, variabel 100–900): Arabisch, Persisch/Dari, Urdu, Paschtu inkl. ټ ډ ړ ږ ښ ګ ڼ ۍ ې ے ڑ ٹ ڈ ں ھ.
   Unter allen drei Familiennamen registriert, damit Überschriften (Archivo), Fließtext (Plex) und Mono-Labels
   arabische Zeichen aus derselben Datei setzen; lateinische Zeichen bleiben in den Originalschriften.
   Gewicht/Breite exakt wie die Original-Faces in base.css – sonst wählt Chrome nur deren Gruppe und nimmt für
   Arabisch eine Systemschrift. */
@font-face {
	font-family: Plex;
	src: url(../fonts/vazirmatn-arabic-wght-normal.woff2) format("woff2-variations");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0600-06FF, U+200C-200F, U+FD3E-FD3F, U+FDF2, U+FDFC;
}
@font-face {
	font-family: Archivo;
	src: url(../fonts/vazirmatn-arabic-wght-normal.woff2) format("woff2-variations");
	font-weight: 600 900;
	font-stretch: 100% 125%;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0600-06FF, U+200C-200F, U+FD3E-FD3F, U+FDF2, U+FDFC;
}
@font-face {
	font-family: "Plex Mono";
	src: url(../fonts/vazirmatn-arabic-wght-normal.woff2) format("woff2-variations");
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0600-06FF, U+200C-200F, U+FD3E-FD3F, U+FDF2, U+FDFC;
}
@font-face {
	font-family: "Plex Mono";
	src: url(../fonts/vazirmatn-arabic-wght-normal.woff2) format("woff2-variations");
	font-weight: 500;
	font-display: swap;
	unicode-range: U+0600-06FF, U+200C-200F, U+FD3E-FD3F, U+FDF2, U+FDFC;
}

/* Sperrung zerreißt die verbundene arabische Schrift */
[dir=rtl] body,
[dir=rtl] body * {
	letter-spacing: 0 !important;
}

/* Arabische Schrift braucht mehr Zeilenhöhe als die engen Display-Zeilen des Designs */
[dir=rtl] :is(h1, h2, h3, .h1, .h2, .h3) {
	line-height: 1.3;
}
[dir=rtl] .hero h1 .display {
	line-height: 1.15;
}

/* Bildvergleich, Karten-Beschriftung und Zahlen bleiben links-nach-rechts */
[dir=rtl] .compare,
[dir=rtl] .region-map .pins {
	direction: ltr;
}
[dir=rtl] .facts .num {
	direction: ltr;
	unicode-bidi: isolate;
	justify-self: start; /* Grid-Start = rechts */
}
[dir=rtl] .facts .num sup {
	margin-left: .05em;
	margin-right: 0;
}

/* Eingaben für E-Mail und Telefon: lateinisch, aber rechtsbündig wie das übrige Formular */
[dir=rtl] input[type=email],
[dir=rtl] input[type=tel] {
	direction: ltr;
	text-align: right;
}

/* Kennzahlen der Referenzseite: generierte Spiegelung setzt bei div+div padding-left: 0 und hebt damit den Abstand
   zur Trennlinie auf (Reihenfolge der Überschreibungen) – Abstand wie im Original wiederherstellen */
[dir=rtl] .ref-stats > div + div {
	padding-left: 1.75rem;
}