/*
 * RTL direction-mirror overrides (loaded only when is_rtl()).
 *
 * Almost all layout uses CSS logical properties (margin-inline-*, inset-inline-*,
 * padding-inline-*, border-inline-*) and needs NO override here. Mirror ONLY
 * directional affordances (chevrons, arrows, breadcrumb separators, steppers).
 *
 * NEVER mirror: the logo, numerals, .gov.sa URLs / authority short-names
 * (MISA/ZATCA/GOSI/Qiwa/Mudad), email/phone, price strings, ISO codes, brand marks.
 */

[dir="rtl"] .innovant-chevron,
[dir="rtl"] .innovant-arrow,
[dir="rtl"] .innovant-breadcrumbs__sep {
	transform: scaleX(-1);
}

/* Keep latin/technical tokens visually LTR inside RTL text. */
[dir="rtl"] .innovant-ltr {
	direction: ltr;
	unicode-bidi: isolate;
	display: inline-block;
}

/* Arabic-first font ordering when RTL (brand: Tajawal body, IBM Plex Sans Arabic display).
 * IBM Plex Sans Arabic is the premium corporate heading face — elegant, readable, and the
 * ONLY Arabic display face on the front end. Headings get a tighter line-height + heavier weight,
 * with letter-spacing zeroed (Arabic must never be tracked). */
[dir="rtl"] body { font-family: 'Tajawal', 'Jost', 'Segoe UI', system-ui, sans-serif; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] .wp-block-heading,
[dir="rtl"] .wp-block-post-title,
[dir="rtl"] .wp-block-query-title,
[dir="rtl"] .innovant-hero__title,
[dir="rtl"] .innovant-section-head__title,
[dir="rtl"] .innovant-archive-hero__title,
[dir="rtl"] .innovant-guide-hero__title,
[dir="rtl"] .innovant-cta-band__title,
[dir="rtl"] .innovant-kindex__name,
[dir="rtl"] .innovant-guide-card__title,
[dir="rtl"] .innovant-guide-card__title a,
[dir="rtl"] .innovant-moretopic__h,
[dir="rtl"] .innovant-cta-card h3,
[dir="rtl"] .innovant-footer__h {
	font-family: 'IBM Plex Sans Arabic', 'Rimouski', 'Segoe UI', sans-serif;
	letter-spacing: 0; /* never track Arabic */
	font-weight: 700;
	line-height: 1.32; /* Arabic needs more leading than Latin display type */
	word-spacing: 0.02em;
}
/* Large Arabic display titles: a touch lighter leading + 600 reads more elegant at big sizes. */
[dir="rtl"] .innovant-hero__title,
[dir="rtl"] .innovant-archive-hero__title,
[dir="rtl"] .innovant-guide-hero__title {
	font-weight: 600;
	line-height: 1.35;
}
/* Arabic body + UI: route the brand display var through IBM Plex too, so custom blocks
 * (hero stats, kindex numerals labels, CTA) that use --font-family--display pick the Arabic face. */
[dir="rtl"] .innovant-hero__panel-name,
[dir="rtl"] .innovant-article-meta,
[dir="rtl"] .innovant-kindex__count,
[dir="rtl"] .innovant-topicpills__pill,
[dir="rtl"] .innovant-guide-card__topic { font-family: 'Tajawal', 'IBM Plex Sans Arabic', sans-serif; }