/* =====================================================================
   Arabic / RTL adjustments
   The main stylesheet already uses logical properties (inset-inline-*,
   padding-inline-*, margin-inline-*), so direction flips automatically.
   Only the handful of things that need real mirroring live here.
   ===================================================================== */

body.is-rtl{ letter-spacing:0; }

/* Icons that point somewhere should mirror */
body.is-rtl .btn-ico svg,
body.is-rtl .hero-tag svg,
body.is-rtl .cta-banner .btn svg,
body.is-rtl .hero-btns .btn svg{ transform:scaleX(-1); }

/* the paper-plane and the sparkline read better mirrored */
body.is-rtl .cta-plane{ transform:rotate(12deg) scaleX(-1); }
body.is-rtl .hero-float .spark{ transform:scaleX(-1); }

/* Latin data stays left-to-right inside Arabic paragraphs */
body.is-rtl [dir="ltr"]{ display:inline-block; direction:ltr; unicode-bidi:embed; text-align:right; }

/* slightly looser lines for Arabic script */
body.is-rtl .lead,
body.is-rtl .section-intro,
body.is-rtl .service-card > p,
body.is-rtl .feature-card p,
body.is-rtl .testi-card blockquote,
body.is-rtl .highlight-list p,
body.is-rtl .prose{ line-height:1.95; }

body.is-rtl .service-num{ letter-spacing:0; }
body.is-rtl .stat-label{ font-size:.85rem; }
body.is-rtl .file-name{ text-align:right; }

/* the decorative quote mark sits on the other side */
body.is-rtl .quote-open svg{ transform:scaleX(-1); }

/* numbers keep western digits in a consistent direction */
body.is-rtl .stat-value,
body.is-rtl .hero-float strong{ direction:ltr; unicode-bidi:embed; }

/* ---------------------------------------------------------------------
   Vacancies are written in English. On the Arabic page each job element
   carries dir="auto", so it lays out left-to-right on its own while the
   surrounding chrome stays right-to-left. These rules keep that tidy.
   --------------------------------------------------------------------- */
body.is-rtl [dir="auto"]{ text-align:start; }
body.is-rtl .jc-meta[dir="auto"] li,
body.is-rtl .jh-meta[dir="auto"] li{ flex-direction:row; }
body.is-rtl .side-rows[dir="auto"] > div{ flex-direction:row; }
body.is-rtl .side-rows[dir="auto"] dt{ text-align:start; }
body.is-rtl .side-rows[dir="auto"] dd{ text-align:end; }
body.is-rtl .tick-list[dir="auto"] li{ padding-inline-start:30px; }
body.is-rtl .tick-list[dir="auto"] li::after{ transform:rotate(45deg); inset-inline-start:6px; }
body.is-rtl .job-lede[dir="auto"]{ border-inline-start:3px solid var(--purple-300); border-inline-end:0; }