/**
 * SIMEC AquaFish — RTL refinements (Arabic, the DEFAULT language).
 *
 * This file loads ONLY on Arabic (RTL) requests, so it also owns the Arabic
 * typographic system. The base stylesheet already uses CSS logical properties
 * (inline-start/end, margin-inline, etc.), so most mirroring is automatic.
 */

/* ---------- Arabic typographic system — Loew Next Arabic everywhere ----------
   Every SIMEC surface reads the heading/body font from these preset variables,
   so redefining them here unifies the whole Arabic experience on the brand font.
   Loew Next Arabic (300–900) is the official SIMEC face; IBM Plex Sans Arabic
   remains a graceful fallback. (rtl.css is enqueued only when is_rtl().) */
:root {
	--wp--preset--font-family--heading: 'Loew Next Arabic', 'IBM Plex Sans Arabic', 'Tajawal', system-ui, sans-serif;
	--wp--preset--font-family--body: 'Loew Next Arabic', 'IBM Plex Sans Arabic', 'Tajawal', system-ui, sans-serif;
}
html[lang^="ar"] body,
body.rtl,
.rtl :where(h1, h2, h3, h4, h5, h6, p, a, span, li, button, input, textarea, select, label, .simec-btn, .simec-h2, .simec-eyebrow) {
	font-family: 'Loew Next Arabic', 'IBM Plex Sans Arabic', 'Tajawal', system-ui, sans-serif;
}
/* Arabic reads better with a touch more line-height on body copy. */
.rtl :where(p, li) { line-height: 1.85; }

/* Flowing-water motif reads left-to-right visually; flip for RTL balance. */
.rtl .simec-flow {
	background-position: center bottom;
	transform: none;
}

/* Directional arrows/chevrons inside links & buttons should point start-ward. */
.rtl .simec-arrow { transform: scaleX(-1); }

/* Arabic display type: slightly relaxed letter-spacing reads better. */
.rtl :where(h1, h2, h3, .wp-block-navigation) {
	letter-spacing: 0;
}

/* Breadcrumb / inline separators use logical direction already; ensure list
   markers and pagination arrows mirror. */
.rtl .simec-pagination .is-arrow { transform: scaleX(-1); }

/* Coming-soon dot sits at inline-start naturally; nothing to flip. */