/* ════════════════════════════════════════════════════════════════
   SWIFTO ERP — Manuel Utilisateur · RTL (arabe)
   Chargé UNIQUEMENT par les pages /ar/*. Sélecteurs [dir="rtl"] :
   inactif si la page n'est pas en direction droite-à-gauche.
   Beaucoup d'inversions sont déjà gérées nativement par dir="rtl"
   (flux du texte, ordre des enfants flex row, sens du padding logique).
   Ce fichier ne traite QUE les cas physiques que dir="rtl" n'inverse pas :
   positions absolute/fixed (left/right), translate-x, marges auto
   directionnelles, bordures latérales, text-align explicites, icônes fléchées.
   ════════════════════════════════════════════════════════════════ */

/* ── Base ─────────────────────────────────────────────────────── */
[dir="rtl"] body { text-align: right; }

/* ── Police arabe ─────────────────────────────────────────────── */
/* rtl.css est le SEUL CSS chargé par toutes les pages /ar/ : l'accueil
   charge swifto-docs.css (qui a aussi cette règle) mais les pages de
   CONTENU chargent swifto-ui.css. On (re)définit donc la pile arabe ici
   pour couvrir tout le manuel arabe. Pile identique au site web Swifto. */
[dir="rtl"] body,
[dir="rtl"] .swui,
[dir="rtl"] input,
[dir="rtl"] button,
[dir="rtl"] textarea,
[dir="rtl"] select {
  font-family: 'Cairo','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

/* ── Sidebar du manuel : passe à DROITE ───────────────────────── */
/* En desktop (md:static) l'ordre flex-row inversé la place déjà à droite ;
   on ne corrige que la bordure latérale (style inline → !important) et,
   en mobile, la position fixed + le translate de masquage. */
[dir="rtl"] #sidebar {
  border-right: none !important;
  border-left: 1px solid var(--line) !important;
}
@media (max-width: 767px) {
  [dir="rtl"] #sidebar {
    left: auto; right: 0;
  }
  [dir="rtl"] #sidebar.-translate-x-full { transform: translateX(100%); }
}

/* ── Barre de recherche (topbar) ──────────────────────────────── */
[dir="rtl"] #search-box .fa-magnifying-glass { left: auto; right: 1rem; }   /* left-4  → right */
[dir="rtl"] #search-box .kbd.absolute        { right: auto; left: 0.75rem; } /* right-3 → left  */
[dir="rtl"] #search-input {                                                  /* pl-11 pr-12 inversés */
  padding-left: 3rem;      /* ex-pr-12 */
  padding-right: 2.75rem;  /* ex-pl-11 */
}

/* ── Marges auto directionnelles utilisées pour pousser à l'extrémité ─ */
[dir="rtl"] .ml-auto { margin-left: 0; margin-right: auto; }
[dir="rtl"] .mr-auto { margin-right: 0; margin-left: auto; }

/* ── Bouton « haut de page » ──────────────────────────────────── */
[dir="rtl"] #back-to-top { right: auto; left: 1.5rem; }  /* right-6 → left-6 */

/* ── Composants du design system (swifto-docs.css) ────────────── */
[dir="rtl"] .doc-table th        { text-align: right; }
[dir="rtl"] .nav-item            { border-left: none; border-right: 2px solid transparent; }
[dir="rtl"] .nav-item:hover      { border-right-color: var(--brand-light); }
[dir="rtl"] .nav-item.active     { border-right: none; }
[dir="rtl"] .alert               { border-left: none; border-right: 4px solid; }
[dir="rtl"] .step-connector::after { left: auto; right: 19px; }

/* ── Maquettes ERP (.swui-*) ──────────────────────────────────── */
[dir="rtl"] .swui-side          { border-right: none; border-left: 1px solid #EEF0F6; }
[dir="rtl"] .swui-sub           { padding: 7px 14px 7px 10px; }   /* indentation à droite */
[dir="rtl"] .swui-mi .chev      { margin-left: 0; margin-right: auto; }
[dir="rtl"] .swui-top .right    { margin-left: 0; margin-right: auto; }
[dir="rtl"] .swui-ic .bdg       { right: auto; left: -8px; }
[dir="rtl"] .swui-kpi .lab,
[dir="rtl"] .swui-kpi .val      { text-align: left; }
[dir="rtl"] .swui-table th      { text-align: right; }
[dir="rtl"] .swui-table th .ar  { margin-left: 0; margin-right: 3px; }

/* ── Pagination bas de page (doc-pager) ───────────────────────── */
[dir="rtl"] .doc-home .chev     { margin-left: 0; margin-right: auto; }
[dir="rtl"] .doc-pager a.dpg-next { flex-direction: row; text-align: left; }
[dir="rtl"] .doc-pager a.dpg-prev { flex-direction: row-reverse; text-align: right; }

/* ── Icônes fléchées / chevrons : inversion visuelle ──────────── */
/* Chevrons séparateurs (breadcrumb) et flèches de direction pointent
   dans l'autre sens en RTL. On les retourne horizontalement. */
[dir="rtl"] .breadcrumb .fa-chevron-right,
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-chevron-left,
[dir="rtl"] .dpg-ico .fa-arrow-left,
[dir="rtl"] .dpg-ico .fa-arrow-right { transform: scaleX(-1); }

/* ── Divers utilitaires physiques fréquents dans le contenu ───── */
[dir="rtl"] .text-left  { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }
[dir="rtl"] .border-l-4 { border-left: none; border-right-width: 4px; }
[dir="rtl"] .border-l   { border-left: none; border-right-width: 1px; }
[dir="rtl"] .border-r   { border-right: none; border-left-width: 1px; }