/* ==========================================================================
   RTL adjustments (applied on [dir="rtl"])
   Most layout uses logical properties, so this file handles the exceptions
   where physical transforms or non-logical values are unavoidable.
   ========================================================================== */
[dir="rtl"] .eyebrow::before { transform: scaleX(-1); }

/* Icons that imply direction flip horizontally in RTL */
[dir="rtl"] .ico--chevron-right,
[dir="rtl"] .ico--arrow-right,
[dir="rtl"] .btn .ico--arrow,
[dir="rtl"] .arrow-link .ico--arrow,
[dir="rtl"] .pcard__cta .ico--arrow,
[dir="rtl"] .breadcrumb .ico { transform: scaleX(-1); }

/* Hero progress fills from the right */
[dir="rtl"] .hero__progress { inset-inline-start: auto; inset-inline-end: 0; }

/* Mega menu re-centering handled in components via logical props */

/* Compare divider clip from opposite side */
[dir="rtl"] .compare__after { clip-path: inset(0 50% 0 0); }

/* Number-heavy elements stay LTR for legibility (phones, counts) */
[dir="rtl"] .ltr-nums, [dir="rtl"] .hero__count, [dir="rtl"] .sidenav__count,
[dir="rtl"] .tel, [dir="rtl"] .facts__row dd.is-num { direction: ltr; unicode-bidi: embed; }
[dir="rtl"] .tel { display: inline-block; }

/* List markers / timeline already mirrored via logical props in modules.css */

/* Steps progress still reads start-to-end */
[dir="rtl"] .steps-nav { flex-direction: row; }

/* Keep latin brand text un-mirrored where shown inline */
.lang-ar .latin { direction: ltr; unicode-bidi: isolate; display: inline-block; }