/* ═══════════════════════════════════════════════════════════
   MagtechPro — page arabe (ar.html) · ajustements RTL
   Chargé APRÈS styles.css, uniquement par ar.html
   ═══════════════════════════════════════════════════════════ */

/* ── Typographie arabe ─────────────────────────────────── */
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .btn,
html[dir="rtl"] .lang-switch,
html[dir="rtl"] .form-field input,
html[dir="rtl"] .form-field select,
html[dir="rtl"] .form-field textarea {
  font-family: var(--font-ar);
}

/* l'arabe n'accepte pas le letter-spacing négatif des titres */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 {
  letter-spacing: 0 !important;
}

/* textes mixtes latin/arabe rendus en mono : bascule en police arabe */
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .hero-trust,
html[dir="rtl"] .compare-foot,
html[dir="rtl"] .shots-label,
html[dir="rtl"] .shots-count,
html[dir="rtl"] .marquee-hint,
html[dir="rtl"] .role-role,
html[dir="rtl"] .ticket-card .ticket-line,
html[dir="rtl"] .ticket-amount,
html[dir="rtl"] .ticket-scan,
html[dir="rtl"] .audit-line,
html[dir="rtl"] .form-field label,
html[dir="rtl"] .footer-meta {
  font-family: var(--font-ar);
  letter-spacing: 0.02em;
}

/* ── Miroirs de mise en page ───────────────────────────── */
html[dir="rtl"] .skip-link { left: auto; right: 16px; }
html[dir="rtl"] .header-actions { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .hero::before { right: auto; left: -140px; }
html[dir="rtl"] .device-phone { right: auto; right: -6px; }
html[dir="rtl"] .ticket-card { right: auto; left: 6%; }
html[dir="rtl"] .impact {
  border-left: none;
  border-right: 3px solid var(--teal);
  padding-left: 0;
  padding-right: 20px;
}
html[dir="rtl"] .impact-night { border-right-color: var(--gold-night); }

/* bandeaux de captures : bande en LTR comme la page française
   (les captures défilent de gauche à droite, le JS marquee est LTR) */
html[dir="rtl"] .marquee,
html[dir="rtl"] .marquee-track {
  direction: ltr;
}
html[dir="rtl"] .marquee::before {
  left: 0;
  right: auto;
  background: linear-gradient(90deg, var(--paper), transparent);
}
html[dir="rtl"] .marquee::after {
  right: 0;
  left: auto;
  background: linear-gradient(-90deg, var(--paper), transparent);
}

/* légendes des captures : texte arabe en lecture RTL
   (titre à droite, code à gauche — la bande elle reste LTR) */
html[dir="rtl"] .marquee-item .shot-cap {
  direction: rtl;
}

/* flèches : miroir du sens de lecture */
html[dir="rtl"] .btn svg,
html[dir="rtl"] .marquee-btn svg {
  transform: scaleX(-1);
}

/* liste déroulante : chevron à gauche */
html[dir="rtl"] .form-field select {
  background-position: calc(0% + 19px) 50%, calc(0% + 14px) 50%;
}

/* footer : le meta suit la fin de ligne RTL (gauche), droite empilé */
html[dir="rtl"] .footer-meta { text-align: left; }
@media (max-width: 860px) {
  html[dir="rtl"] .footer-meta { text-align: right; }
}