/* ==========================================================================
   rp-intelligence-rtl.css — RTL layer for /ar/ai-remotepass-intelligence
   --------------------------------------------------------------------------
   Loaded only on AR, by rp_rpi_styles() in
   inc/provision-ai-remotepass-intelligence.php (it enqueues a `-rtl.css`
   sibling for any component sheet that has one).

   The AR page is fully translated (parts/ar-rpi-*.html) and shares every class
   with the EN page, so this sheet only fixes what breaks from direction alone —
   physical offsets that do not mirror by themselves. Everything driven by
   flex/grid mirrors correctly on its own and is deliberately left alone:

     .rp-rpi-split__inner.is-rev  row-reverse on top of RTL's own reversal puts
                                  split 2's media on the left and splits 1 and 3
                                  on the right — the correct mirror of desktop EN.
     .rp-rpi-products / __grid    plain grid and flex, mirrors automatically.
     swipe rows (<=991)           the strip scrolls RTL natively; rpi-carousel.js
                                  normalises the negative scrollLeft Chrome and
                                  Safari report in RTL, so the dots track correctly.

   Handled in the AR markup rather than here, for the record:
     - link arrows are &larr; in the ar-rpi-* parts, not &rarr;.
     - the <br> in the "Built differently" heading is dropped on AR; it was tuned
       to English wrapping and fell mid-phrase in Arabic.

   STILL OPEN — worth a look once the page renders on staging: Almarai sits
   differently from Mulish, so the 40/48 and 53.6/64 headings may need the same
   +diacritic line-height allowance the contractors hero needed (see
   qa-fixes-contractors.css, html[dir="rtl"] .rp-cm-hero__h).
   ========================================================================== */

/* Closing CTA — the two decorative circles are pinned with `right`, so without
   this they bleed off the same edge in RTL and collide with the copy. */
html[dir="rtl"] .rp-rpi-cta__orb--a { right: auto; left: -140px; }
html[dir="rtl"] .rp-rpi-cta__orb--b { right: auto; left: 60px; }

/* Carousel prev/next carets. The glyphs are drawn LTR — prev points left, next
   points right — so in RTL they read backwards: "next" sits on the left of the
   pair (RTL reverses the row) while still pointing right. Mirror them so
   forward points left, which is the direction the strip actually scrolls.
   Same fix the homepage carousel uses:
     body.rp-home-v2.rtl .rp-hv-carousel__btn svg { transform: scaleX(-1) }  */
html[dir="rtl"] .rp-rpi .rp-rpi-car__btn svg { transform: scaleX(-1); }