/*
 * Overrides RTL — chargé uniquement si is_rtl() (voir functions.php).
 *
 * Beaucoup de mises en page (flex/grid en direction "row") se retournent
 * automatiquement en RTL grâce à dir="rtl" sur <html> (hérité par
 * `direction`). Ce fichier ne corrige que les valeurs *physiques*
 * (left/right/border-left/padding-left...) du thème parent qui, elles, ne
 * s'inversent jamais toutes seules.
 *
 * À affiner visuellement dès qu'un environnement de preview réel est
 * disponible — cette passe couvre les cas identifiés dans style.css mais
 * n'a pas pu être vérifiée à l'écran.
 */

/* Indicateur de scroll du hero : passe à gauche */
.m2i-hero__scroll {
  right: auto;
  left: 56px;
}

/* Badge "NOUVEAU" des cartes d'offre : passe à gauche */
.m2i-offer-card__badge-new {
  right: auto;
  left: 24px;
}

/* Halo décoratif du bloc CTA final : passe à gauche */
.m2i-cta::before {
  right: auto;
  left: -80px;
}

/* Prix des cartes d'offre et texte d'intro des Références : alignés à droite
   comme le reste du texte arabe (08/10/2026 ; ils étaient forcés à gauche). */
.m2i-offer-card__price,
.m2i-offer-card__price-label,
.m2i-references-head p {
  text-align: right;
}

/* Séparateurs des statistiques du hero (3 colonnes) */
.m2i-hero__stat {
  border-right: none;
  border-left: 1px solid rgba(255, 255, 255, .12);
}
.m2i-hero__stat:first-child {
  padding-left: 52px;
  padding-right: 0;
  border-left: none;
}
.m2i-hero__stat:last-child {
  padding-left: 0;
  border-left: none;
}

/* Citation en bloc des articles de blog */
.m2i-article__content blockquote {
  border-left: none;
  border-right: 3px solid var(--m2i-accent);
  padding-left: 0;
  padding-right: 20px;
}

/* Section Solutions (accueil) — illustration, démo à onglets. Le passage à
   1 colonne des grilles (.m2i-pillars-grid, .m2i-solutions-demo__layout,
   .m2i-solutions-demo__tabs) est déjà géré par dir="rtl", cf. remarque en
   tête de fichier. Seules les valeurs physiques ci-dessous ne s'inversent
   jamais toutes seules.

   LIMITE CONNUE : l'illustration (assets/images/illustration-atelier-
   connecte.svg) reste orientée LTR (atelier → KmProd → ERP, de gauche à
   droite) même en RTL — la retourner en CSS (scaleX(-1)) inverserait aussi
   le texte "KmProd"/"ERP" dessiné dedans, illisible. Nécessiterait une
   variante RTL dédiée du SVG ; non traité ici, à l'image du reste de ce
   fichier (cf. remarque "à affiner visuellement" en tête). */
.m2i-solutions-demo__tabs button {
  border-left: none;
  border-right: 2px solid var(--m2i-border);
  border-radius: 8px 0 0 8px;
}
.m2i-solutions-demo__tabs button[aria-selected="true"] {
  border-left-color: transparent;
  border-right-color: var(--m2i-accent);
}
.m2i-solutions-demo__concept-tag,
.m2i-solutions-demo__state {
  margin-left: 0;
  margin-right: auto;
}
.m2i-solutions-demo__lot {
  border-left: none;
  border-right: 3px solid var(--m2i-accent);
  border-radius: 8px 0 0 8px;
}
.m2i-solutions-demo__track {
  padding-left: 0;
  padding-right: 20px;
  border-left: none;
  border-right: 1px solid var(--m2i-border);
}
.m2i-solutions-demo__track li::before {
  left: auto;
  right: -25px;
}
.m2i-solutions-demo__bars i { border-radius: 4px 0 0 4px; }
.m2i-solutions-demo__bars b { text-align: left; }

@media (max-width: 1024px) {
  .m2i-cta-grid { text-align: right; }
}

/* --------------------------------------------------------------------------
   Reprise des évolutions du thème parent jusqu'à 3.10.84 (07/10/2026).
   Écrit d'après la CSS, non vérifié à l'écran en arabe.
   -------------------------------------------------------------------------- */

/* Surtitres : le trait passe à droite du texte. */
.m2i-eyebrow::before { margin: -2px 0 0 10px; }

/* Slider « KmProd en situation » (mobile) : les onglets deviennent des
   points ; la bordure latérale RTL ci-dessus ne doit pas s'y appliquer. */
.is-slider .m2i-solutions-demo__tabs button,
.is-slider .m2i-solutions-demo__tabs button[aria-selected="true"] {
  border: 0;
  border-radius: 50%;
}

/* Trait sous le prix des cartes d'offre claires. */
.m2i-offer-card--light .m2i-offer-card__price::after { left: auto; right: 0; }

/* Fiche d'offre : traits de « Ce que comprend l'offre » à droite. */
.m2i-checklist li { padding-left: 0; padding-right: 34px; }
.m2i-checklist li::before { left: auto; right: 2px; }

/* Comparatif des offres. */
.m2i-compare__table tbody th { text-align: right; border-right: 0; border-left: 1px solid var(--m2i-border); }
.m2i-compare__table tbody td + td { border-left: 0; border-right: 1px solid var(--m2i-border); }
.m2i-compare__table thead th + th::before { left: auto; right: 0; }
/* Interrupteur « Seulement les différences » : la pastille part de droite. */
.m2i-compare__switch::after { left: auto; right: 3px; }
.m2i-compare__diff input:checked + .m2i-compare__switch::after { transform: translateX(-16px); }
@media (max-width: 767px) {
  /* Mode duel : séparation entre les deux offres. */
  .m2i-compare__table.is-duel tbody td.is-on-b { border-left: 0; border-right: 1px solid var(--m2i-border); }
}

/* Sous-intertitres et texte riche des offres : rien de physique à inverser.
   Logos : affichés en sens gauche-droite dans leur boîte (parent, 3.10.84),
   le recadrage le supposant. */

/* Prix et chiffres clés lus de gauche à droite (3.10.84, constaté le
   07/10/2026 sur /mena/ar/) : l'algorithme bidirectionnel affichait
   « € 000 20 » au lieu de « 20 000 € », et « 30+ » au lieu de « +30 ». Le
   bloc garde son alignement à droite. */
.m2i-offer-card__price,
.m2i-compare__price,
.m2i-offer__price,
.m2i-offer-bar__price,
.m2i-hero__stat-value,
.m2i-about-stat__value {
  direction: ltr;
  unicode-bidi: isolate;
}
.m2i-hero__stat-value,
.m2i-about-stat__value,
.m2i-offer__price { text-align: right; }