/* ============================================================
   IMPACT — Arabic / RTL layer.  Loaded ONLY when dir="rtl".
   Sits on top of impact-home.css (or impact-preview-nexus.css).
   ============================================================ */

/* ---------- typography ---------- */
:root,
html[dir="rtl"]{
	--f:'IBM Plex Sans Arabic','Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
}
html[dir="rtl"] body{font-family:var(--f);line-height:1.8}

/* Arabic script is cursive — ANY letter-spacing breaks the joins.
   The latin design uses tracking on headings/eyebrows, so kill it. */
html[dir="rtl"] *{letter-spacing:normal !important}

/* light latin weights read too thin in Arabic — nudge up */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .giant,
html[dir="rtl"] .hero6 h1,
html[dir="rtl"] .card h2,
html[dir="rtl"] .people6 h2,
html[dir="rtl"] .show6 h2{font-weight:500;line-height:1.28}
html[dir="rtl"] .el6-no{font-weight:300}
html[dir="rtl"] .n6 .v{font-weight:700;line-height:1.15}
html[dir="rtl"] .eyeb{font-weight:600}

/* Pure numerals: keep LTR glyph order (#01, not 01#) but stay right-aligned
   with the rest of the RTL column. */
html[dir="rtl"] .el6-no,
html[dir="rtl"] .h6-num span,
html[dir="rtl"] .n6 .v{direction:ltr;unicode-bidi:embed}
html[dir="rtl"] .h6-num span,
html[dir="rtl"] .h6-num b{text-align:right}
/* Mixed Arabic+latin blocks (address, phone, email): let each line choose its own
   direction instead of forcing LTR on Arabic text. */
html[dir="rtl"] .addr61,
html[dir="rtl"] .qc-panel a,
html[dir="rtl"] .ft6-c b{unicode-bidi:plaintext;text-align:right}
html[dir="rtl"] .ft6-c,
html[dir="rtl"] .qc-panel{text-align:right}
html[dir="rtl"] .ft6-c b:not(.soc61){display:block}   /* .soc61 is a <b> too — keep its flex row */
html[dir="rtl"] .soc61{display:flex;justify-content:flex-start}

/* ---------- mirrored physical properties ---------- */
html[dir="rtl"] .h6-links{margin-left:8px;margin-right:auto}
html[dir="rtl"] .si-nav .back{margin-left:0;margin-right:auto}
html[dir="rtl"] .el6-no{right:auto;left:20px}
html[dir="rtl"] .show6-r,
html[dir="rtl"] .price6,
html[dir="rtl"] .sv6-head{text-align:right}
html[dir="rtl"] .pp-photo{right:auto;left:0;
	-webkit-mask-image:linear-gradient(270deg,transparent 0%,rgba(0,0,0,.55) 18%,#000 42%);
	mask-image:linear-gradient(270deg,transparent 0%,rgba(0,0,0,.55) 18%,#000 42%)}
html[dir="rtl"] .qc{right:auto;left:clamp(14px,2vw,28px)}  /* keep align-items:flex-end from base — in RTL that IS the screen edge */
html[dir="rtl"] .aw:hover{padding-left:0;padding-right:14px}
html[dir="rtl"] .soc6 a{margin-right:0;margin-left:14px}
html[dir="rtl"] .sv6-list b::before{margin-right:0;margin-left:9px}
html[dir="rtl"] .sv6-list span{padding-left:0;padding-right:16px}
html[dir="rtl"] .pr6 li::before{left:auto;right:0}
html[dir="rtl"] .pr6 li{padding-left:0;padding-right:22px}
html[dir="rtl"] .pr6-v i{margin-left:0;margin-right:4px}

/* ---------- arrows point the other way ---------- */
html[dir="rtl"] .pill .pip{transform:scaleX(-1)}
html[dir="rtl"] .pill:hover .pip{transform:scaleX(-1) rotate(-45deg)}
html[dir="rtl"] .el6-go svg,
html[dir="rtl"] .si-nav .back,
html[dir="rtl"] .si-more a{--nx-flip:1}
html[dir="rtl"] .el6-go svg{transform:scaleX(-1)}
html[dir="rtl"] .el6:hover .el6-go svg{transform:scaleX(-1) translateX(4px)}

/* ---------- marquees keep their latin flow ---------- */
html[dir="rtl"] .clmq-in,
html[dir="rtl"] .team6-in{direction:ltr}
html[dir="rtl"] .tm6 b,
html[dir="rtl"] .tm6 i,
html[dir="rtl"] .cl-item b{direction:rtl}
html[dir="rtl"] .tm6{text-align:right}

/* ---------- misc ---------- */
html[dir="rtl"] .ceo6-msg .eyeb{text-align:right}
html[dir="rtl"] .story-lead,
html[dir="rtl"] .story-p,
html[dir="rtl"] .ab6-txt,
html[dir="rtl"] .si-body p{line-height:1.95}
html[dir="rtl"] .ab6-txt{font-size:.94rem}
html[dir="rtl"] .cta-row .mini{text-align:right}