/*
 * Arabic / RTL refinements. Layout itself is already logical-property based,
 * so this file only handles typography and the few directional exceptions.
 */

[dir="rtl"] body {
	font-family: "IBM Plex Sans Arabic", "Work Sans", ui-sans-serif, system-ui, sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 {
	font-family: "IBM Plex Sans Arabic", var(--font-display);
	letter-spacing: 0;
}

/* Arabic reads better with slightly looser lines and no uppercase tracking. */
[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] dd {
	line-height: 1.9;
}

[dir="rtl"] .eyebrow,
[dir="rtl"] [class*="tracking-["] {
	letter-spacing: 0 !important;
}

[dir="rtl"] .uppercase {
	text-transform: none;
}

/* Phone numbers and Latin-only values stay left-to-right. */
[dir="rtl"] [dir="ltr"] {
	unicode-bidi: isolate;
}

/* Keep the flipped directional icons crisp inside RTL flex rows. */
[dir="rtl"] .rtl-flip {
	transform: scaleX(-1);
}

/* Floats from WordPress core classes need mirroring. */
[dir="rtl"] .alignleft {
	float: right;
	margin: 0 0 1rem 1.5rem;
}

[dir="rtl"] .alignright {
	float: left;
	margin: 0 1.5rem 1rem 0;
}