/* ===========================================================================
   rtl.css — surcharges pour l'arabe (dir="rtl")
   Chargé uniquement par les pages de /ar/. styles.css utilise 124 règles
   physiques left/right : on les miroite ici plutôt que de réécrire la feuille
   principale, pour que le FR et les 4 autres langues restent intacts.
   =========================================================================== */

:root{
  /* IBM Plex Sans Arabic couvre l'arabe ; Inter/Space Grotesk non. */
  --body:"IBM Plex Sans Arabic","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --head:"IBM Plex Sans Arabic","Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;
  --menu:"IBM Plex Sans Arabic","Barlow Semi Condensed",-apple-system,sans-serif;
}

/* L'arabe ne supporte pas le crénage serré ni les capitales. */
h1,h2,h3,h4,h5,.logo-word{ letter-spacing:normal; }
.eyebrow,.hero-sectors-label,.tars-colhead{ letter-spacing:0.04em; text-transform:none; }
body{ line-height:1.85; }          /* les diacritiques ont besoin d'air */

/* ── Header / navigation ───────────────────────────────────────────────── */
.main-nav{ margin-left:0; margin-right:auto; }
.main-nav .caret{ margin-left:0; margin-right:7px; }
.eyebrow--dash::before{ margin-right:0; margin-left:16px; }

/* ── Hero ──────────────────────────────────────────────────────────────── */
.hero-sectors{ text-align:left; margin-right:0; margin-left:8px; }

/* ── Bandeaux de logos (défilement inversé) ────────────────────────────── */
.refs-track .item{ margin-right:0; margin-left:38px; }
.ref-logo{ margin-right:0; margin-left:var(--logo-gap); }
.marquee-track{ animation-direction:reverse; }

/* ── Cartes numérotées ─────────────────────────────────────────────────── */
.subsvc-card::after{ right:auto; left:22px; }
.svc-ov-card::before{ right:auto; left:20px; }

/* ── Sections en zigzag ────────────────────────────────────────────────── */
.zz-alt .zz-txt{ margin-left:0; margin-right:auto; text-align:left; }
.zz-mark{ background:linear-gradient(270deg, var(--red), #6E8FD6); }
.zz-alt .zz-mark{ margin-left:0; margin-right:auto;
  background:linear-gradient(270deg, #6E8FD6, var(--red)); }

/* ── Frise chronologique ───────────────────────────────────────────────── */
.tl-left{ left:auto; right:0; padding-right:0; padding-left:46px; }
.tl-right{ left:auto; right:50%; padding-left:0; padding-right:46px; }
.tl-left::after{ right:auto; left:-8px; }
.tl-right::after{ left:auto; right:-8px; }

/* ── Listes et citations ───────────────────────────────────────────────── */
.lever .num{ margin-right:0; margin-left:10px; }
.article-content ul, .article-content ol{ padding-left:0; padding-right:22px; }
.article-content blockquote{
  border-left:0; border-right:3px solid var(--red);
  padding-left:0; padding-right:20px; }
.cmp-list li{ padding-left:0; padding-right:26px; }
.cmp-list li::before{ left:auto; right:0; }

/* ── Tableaux comparatifs ──────────────────────────────────────────────── */
.compare th, .compare td{ text-align:right; }

/* ── Blog ──────────────────────────────────────────────────────────────── */
.article-thumb--vs .vs-label{ text-align:right; }
.blog-search svg{ left:auto; right:18px; }
.blog-search input{ padding:15px 50px 15px 18px; }

/* ── Bloc TARS / GALEA ─────────────────────────────────────────────────── */
.tars-col--left{ padding-right:0; padding-left:64px; }
.tars-col--right{ padding-left:0; padding-right:64px; }
.tars-col--left .tars-colhead{ text-align:right; }
.tars-col--right .tars-colhead{ text-align:left; }
.tars-sources li{ text-align:left; padding-right:0; padding-left:22px; }
.tars-sources li::after{ right:auto; left:0; }
.tars-device-dot{ right:auto; left:20px; }
.tars-bar-val{ text-align:left; }
.mod-bubble-close{ right:auto; left:14px; }

/* ── Accordéons / onglets ──────────────────────────────────────────────── */
.cta-actions .btn{ text-align:right; }

/* ── Sélecteur de langue ───────────────────────────────────────────────── */
.nav-lang-dropdown{ right:auto; left:0; }

/* ── Mobile ────────────────────────────────────────────────────────────── */
@media (max-width:980px){
  .main-nav{ right:auto; left:0; margin-right:0;
    transform:translateX(-100%);
    box-shadow:18px 0 50px -20px rgba(10,22,40,.45); }
  .nav-toggle{ margin-left:0; margin-right:auto; }
  .sector-head{ padding-right:0; padding-left:34px; }
  .sector-toggle{ right:auto; left:2px;
    border-right:0; border-left:2px solid var(--muted-2); }
  .tars-col--left,.tars-col--right{ padding-left:0; padding-right:0; }
  .tl-left,.tl-right{ right:0; left:auto; padding-right:46px; padding-left:0; }
  .tl-left::after,.tl-right::after{ left:auto; right:-8px; }
}