/* MediArt — ajustements de la version arabe (droite à gauche), chargés uniquement par les pages /ar/ */
:root {
  /* Latin : Archivo / Rubik ; arabe : Noto Kufi Arabic (titres) et Noto Sans Arabic (texte) */
  --display: "Archivo", "Noto Kufi Arabic", sans-serif;
  --body: "Rubik", "Noto Sans Arabic", sans-serif;
  --mono: "JetBrains Mono", "Noto Sans Arabic", monospace;
}
/* L’arabe ne supporte pas l’espacement des lettres (il casse les liaisons) */
[dir="rtl"] *, [dir="rtl"] *::before, [dir="rtl"] *::after { letter-spacing: 0 !important; }
[dir="rtl"] .eyebrow, [dir="rtl"] .t-key, [dir="rtl"] .svc-num, [dir="rtl"] .pack-kicker, [dir="rtl"] .est-label, [dir="rtl"] .mod-group h3,
[dir="rtl"] .coords dt, [dir="rtl"] .brief-title, [dir="rtl"] .hud, [dir="rtl"] .orb-hud, [dir="rtl"] .svc-rail ol, [dir="rtl"] .scroll-hint,
[dir="rtl"] .loader-status, [dir="rtl"] .work-tag, [dir="rtl"] .tile-badge, [dir="rtl"] .order-total span, [dir="rtl"] .knt-code span {
  text-transform: none; font-family: "Noto Sans Arabic", var(--mono); font-size: 13px; font-weight: 600;
}
/* Hauteurs de ligne plus généreuses pour les lettres arabes */
[dir="rtl"] .h2, [dir="rtl"] .hero-title, [dir="rtl"] .big-q, [dir="rtl"] .svc h3, [dir="rtl"] .hero-statement, [dir="rtl"] .knt-title, [dir="rtl"] .h3, [dir="rtl"] .pf-title h1, [dir="rtl"] .viewer-info h2 { line-height: 1.3; }
[dir="rtl"] .hero-title { font-size: clamp(34px, 5.4vw, 88px); }
[dir="rtl"] .hero-title .line { padding-bottom: .12em; }
[dir="rtl"] .marquee-inner { font-family: "Noto Kufi Arabic", var(--display); }

/* Alignements explicitement à gauche dans la version française */
[dir="rtl"] .mod, [dir="rtl"] .pack-green, [dir="rtl"] .checks, [dir="rtl"] .payload, [dir="rtl"] .knt-form, [dir="rtl"] .orb-legend,
[dir="rtl"] .order-form, [dir="rtl"] .rules th, [dir="rtl"] .rules td { text-align: right; }

/* Puces et repères de liste : passent à droite */
[dir="rtl"] .svc li { padding-left: 0; padding-right: 34px; }
[dir="rtl"] .svc li::before { left: auto; right: 0; }
[dir="rtl"] .trajectory::before { left: auto; right: 7px; }
[dir="rtl"] .arrows li::before { content: "←"; }
[dir="rtl"] .lines li { padding-right: 0; }
[dir="rtl"] .checks li { padding-left: 0; padding-right: 28px; }
[dir="rtl"] .checks li::before { left: auto; right: 0; }
[dir="rtl"] .problems li::after { transform-origin: right; }

/* Zones animées conçues de gauche à droite : on garde leur mécanique, le contenu reste en arabe */
[dir="rtl"] [data-loop], [dir="rtl"] .partners-rows, [dir="rtl"] .marquee, [dir="rtl"] .logo-band, [dir="rtl"] .svc-pin, [dir="rtl"] .svc-track, [dir="rtl"] .svc-rail, [dir="rtl"] .nfc-stage, [dir="rtl"] .orbit, [dir="rtl"] .ring-stage, [dir="rtl"] .galaxy, [dir="rtl"] .pf-grid { direction: ltr; }
[dir="rtl"] .svc, [dir="rtl"] .loop-set, [dir="rtl"] .ring-tile, [dir="rtl"] .tile, [dir="rtl"] .orbit-card, [dir="rtl"] .svc-rail ol { direction: rtl; }

/* Champs techniques (téléphone, email, liens) : saisis de gauche à droite */
[dir="rtl"] input[type="tel"], [dir="rtl"] input[type="email"], [dir="rtl"] input[inputmode="url"] { direction: ltr; text-align: right; }

/* Visionneuse du portfolio : flèches précédent / suivant inversées */
[dir="rtl"] .v-arrow.prev { left: auto; right: 16px; transform: scaleX(-1); }
[dir="rtl"] .v-arrow.next { right: auto; left: 16px; transform: scaleX(-1); }

/* Nombres et numéros : toujours de gauche à droite (sinon « 01 537 » s’affiche « 537 01 ») */
[dir="rtl"] .hud-alt b, [dir="rtl"] .hud-stage b, [dir="rtl"] .orb-hud b, [dir="rtl"] .est-total b, [dir="rtl"] .pack-price, [dir="rtl"] .payload dd,
[dir="rtl"] .order-total b, [dir="rtl"] .works-stats dd, [dir="rtl"] .knt-code b, [dir="rtl"] .coords a, [dir="rtl"] .loader-count, [dir="rtl"] .svc-num,
[dir="rtl"] .est-monthly b, [dir="rtl"] .tile-count, [dir="rtl"] .v-counter, [dir="rtl"] a[href^="https://wa.me"] { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .coords a { display: inline-block; }
/* « Qui sommes-nous » : le texte est à droite, la fusée passe à gauche */
[dir="rtl"] .ignition-rocket { right: auto; left: -8vw; }
/* Barres de navigateur (sites web) : toujours de gauche à droite */
[dir="rtl"] .v-browser-bar, [dir="rtl"] .tile-bar { direction: ltr; }
/* Sélecteur d’onglets des packs : l’indicateur part de la droite et glisse vers la gauche */
[dir="rtl"] .switch-thumb { left: auto; right: 5px; }
[dir="rtl"] .switch.is-launch .switch-thumb { transform: translateX(-100%); }
/* Les bandeaux horizontaux (services, logos…) débordent vers la droite en arabe : sans ce clip, la page pouvait
   défiler latéralement (contenu décalé hors de l’écran sur mobile). « clip » ne casse pas les sections collantes. */
[dir="rtl"] body { overflow-x: clip; }
[dir="rtl"] .reviews-track { direction: rtl; }