/* ==========================================================
   rtl.css — Ajustements pour l'arabe (dir="rtl")
   Chargé UNIQUEMENT quand la langue active est l'arabe.
   Ce fichier corrige les décalages les plus visibles liés au
   sens de lecture (nav, hero, footer, formulaires, listes).
   ========================================================== */

body { text-align: right; }

/* Navigation */
.nav-in { flex-direction: row; }
.nav-menu { margin-left: 0; }
.nav-right { margin-left: 0; margin-right: auto; }
.lang-switch { border-right: none; border-left: 1px solid var(--line); padding-right: 0; padding-left: 8px; margin-right: 0; margin-left: 2px; }
.nav-logo-text i { margin-right: 0; }

/* Hero */
.hero-grid { direction: rtl; }
.hero-trust i, .hero-btns i, .btn-grad i, .btn-out i, .btn-wa i, .fx-btn i, .nav-wa i { margin-left: 4px; }

/* Cartes produits */
.fx-badge { left: auto; right: 12px; }
.fx-btns { flex-direction: row-reverse; }

/* Icônes avec texte (listes à puces, avantages) */
.feat-list li i, .hero-trust span i { margin-left: 6px; margin-right: 0; }

/* Contact */
.cinfo-item { flex-direction: row-reverse; text-align: right; }
.csocial { flex-direction: row-reverse; }

/* Footer */
.foot-grid { direction: rtl; }
.foot-social { flex-direction: row-reverse; }
.foot-contact p i, .cinfo-item .ic i { margin-left: 8px; margin-right: 0; }

/* Newsletter */
.nl-in { direction: rtl; }
.nl-form { flex-direction: row-reverse; }

/* Formulaires */
.form-row, .cf-row { direction: rtl; }
label { text-align: right; }

/* Carte / breadcrumb */
.crumb { direction: rtl; }

/* Tableaux (admin) restent en LTR pour la lisibilité des données */
table { direction: ltr; text-align: left; }
/* Correction menu & drapeaux mobile en Arabe */
@media (max-width: 900px) {
  .nav-toggle {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .lang-switch {
    right: auto !important;
    left: 74px !important;
    border-left: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
  }
  .nav-menu a {
    text-align: right;
  }
}