/* ==========================================================================
   Mastery — version arabe (lecture de droite à gauche)
   Chargé uniquement sur les pages /ar/, après les autres feuilles de style.
   ========================================================================== */

html[dir="rtl"] {
  --font: "Cairo", system-ui, "Segoe UI", Tahoma, sans-serif;
  --mono: "Cairo", system-ui, "Segoe UI", Tahoma, sans-serif;
}
html[dir="rtl"] body { font-family: var(--font); }

/* L'espacement entre les lettres casse la liaison des lettres arabes */
html[dir="rtl"] *, html[dir="rtl"] *::before, html[dir="rtl"] *::after { letter-spacing: 0 !important; }

/* Titres : un peu plus d'interligne pour les signes au-dessus et au-dessous des lettres */
html[dir="rtl"] .display, html[dir="rtl"] .h2, html[dir="rtl"] .h3, html[dir="rtl"] .footer-tag,
html[dir="rtl"] .cx-h2, html[dir="rtl"] .cx-blk, html[dir="rtl"] .cx-final-t, html[dir="rtl"] .cx-h1-sub,
html[dir="rtl"] .stat-num, html[dir="rtl"] .sum-price strong { line-height: 1.32; }
html[dir="rtl"] .cx-blk { padding-top: 4px; padding-bottom: 10px; }

/* Les libellés « monospace » sont très petits : on les agrandit pour l'arabe */
html[dir="rtl"] .mono, html[dir="rtl"] .eyebrow, html[dir="rtl"] .cx-label, html[dir="rtl"] .crumbs { font-size: 12.5px; }
html[dir="rtl"] .menu-link { font-size: 14px; font-weight: 600; }
html[dir="rtl"] .btn, html[dir="rtl"] .cx-btn { font-size: 14px; font-weight: 600; }
html[dir="rtl"] .field label { font-size: 13px; }
html[dir="rtl"] .brand .mono { font-size: 9px; }

/* Numéros de téléphone et e-mails : toujours de gauche à droite */
html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"], html[dir="rtl"] .nowrap {
  direction: ltr; unicode-bidi: isolate; display: inline-block;
}

/* Flèches */
html[dir="rtl"] .btn:hover .arr { transform: translateX(-3px); }
html[dir="rtl"] a.card:hover .h3 .arr { transform: translateX(-4px); }
html[dir="rtl"] .h3 .arr { margin-left: 0; margin-right: 4px; }
html[dir="rtl"] .typing .caret { margin-left: 0; margin-right: 3px; }

/* Bandeaux défilants : l'animation reste de gauche à droite */
html[dir="rtl"] .marquee, html[dir="rtl"] .marquee-track, html[dir="rtl"] .cx-marquee { direction: ltr; }
html[dir="rtl"] .cx-marquee-set > span { direction: rtl; unicode-bidi: isolate; }

/* Fil d'Ariane, listes, champs */
html[dir="rtl"] .crumbs li + li::before { margin-right: 0; margin-left: 8px; }
html[dir="rtl"] .partners .label { border-right: 0; border-left: 1px solid var(--line); }
html[dir="rtl"] .acc .ans ul, html[dir="rtl"] .legal-body ul { padding-left: 0; padding-right: 1.2em; }
html[dir="rtl"] .uc-list li { padding-left: 0; padding-right: 18px; }
html[dir="rtl"] .uc-list li::before { left: auto; right: 0; }
html[dir="rtl"] .search input { padding: 18px 50px 18px 20px; }
html[dir="rtl"] .search svg { left: auto; right: 18px; }
html[dir="rtl"] .search.mini svg { left: auto; right: 15px; }
html[dir="rtl"] .field select { background-position: left 14px center; padding-right: 14px; padding-left: 36px; }
html[dir="rtl"] .toc { border-left: 0; padding-left: 0; border-right: 1px solid var(--line-strong); padding-right: 18px; }
html[dir="rtl"] .mk-count { text-align: left; }
html[dir="rtl"] .chip span, html[dir="rtl"] .ing-group > .mono b { margin-left: 0; margin-right: 4px; }
html[dir="rtl"] .footer-top .brand { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .pt-old::after, html[dir="rtl"] .sum-bar span { transform-origin: right; }
@media (max-width: 1080px) {
  html[dir="rtl"] .toc { border-right: 0; padding-right: 0; }
}

/* ---------- Page IA (Mastery Chat IA) ---------- */
html[dir="rtl"] .cx-eyebrow .caret { margin-left: 0; margin-right: 4px; }
html[dir="rtl"] .cx-blk.px { margin-left: 0; margin-right: clamp(0px, 6vw, 84px); }
html[dir="rtl"] .cx-msg ul { padding-left: 0; padding-right: 18px; }
html[dir="rtl"] .cx-disclaimer, html[dir="rtl"] .cx-vs-col.after .cx-vs-caption { text-align: left; }
html[dir="rtl"] .cx-if { border-left: 0; padding-left: 0; border-right: 2px solid var(--cx-neon); padding-right: 28px; }
html[dir="rtl"] .cx-table th, html[dir="rtl"] .cx-table td { text-align: right; padding-right: 0; padding-left: 6px; }
html[dir="rtl"] .cx-acc-item { border-left: 0; border-right: 1px solid var(--cx-bg); }
html[dir="rtl"] .cx-acc-item:first-child { border-right: 0; }
html[dir="rtl"] .cx-acc-item.is-open .cx-acc-tab { border-right: 0; border-left: 1px solid #e2ddff; }
html[dir="rtl"] .cx-arrows li::before { content: "↲"; }
html[dir="rtl"] .cx-quote { border-left: 0; padding-left: 0; border-right: 2px solid var(--cx-neon); padding-right: 22px; }
html[dir="rtl"] .cx-sign { margin: 18px 24px 0 0; }
html[dir="rtl"] .cx-founder-photo img { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .cx-bar { left: -100vw; right: -40px; }
html[dir="rtl"] .cx-badge b { border-left: 0; border-right: 1px solid #ececf1; }
html[dir="rtl"] .cx-badge b:first-child { border-right: 0; }
@media (max-width: 1080px) {
  html[dir="rtl"] .cx-founder-photo img { margin: 0 auto; }
}
@media (max-width: 760px) {
  html[dir="rtl"] .cx-blk.px { margin-right: 0; }
  html[dir="rtl"] .cx-if { padding-right: 18px; }
  html[dir="rtl"] .cx-acc-item { border-right: 0; }
  html[dir="rtl"] .cx-acc-item.is-open .cx-acc-tab { border-left: 0; }
}

/* Éléments masqués hors écran : à gauche en LTR, ils créeraient un défilement horizontal en RTL */
html[dir="rtl"] .skip-link { left: auto; right: -9999px; }
html[dir="rtl"] .skip-link:focus { right: 8px; }
html[dir="rtl"] .hp { left: auto !important; right: 0 !important; clip-path: inset(50%); }