/* ============================================================================
   GUIDINEE — v2-rtl.css : ajustements pour les langues RTL (arabe).
   Chargé UNIQUEMENT par les pages dont <html dir="rtl"> (bundle rtl:true).
   La mise en page de base est gérée par dir="rtl" ; ce fichier ne corrige que
   les éléments qui doivent rester en LTR (code, schémas) ou changer de côté
   (bordures d'accent, puces de checklist, séparateurs, tableaux).
   ========================================================================== */

/* --- Éléments qui restent en lecture gauche→droite --- */
[dir="rtl"] pre,
[dir="rtl"] code,
[dir="rtl"] .v2-example pre,
[dir="rtl"] .v2-example pre code { direction: ltr; text-align: left; }
[dir="rtl"] .v2-diagram svg { direction: ltr; }   /* schémas techniques : flux LTR conservé */
[dir="rtl"] .flag { direction: ltr; }

/* --- Listes : indentation à droite --- */
[dir="rtl"] .cours ul, [dir="rtl"] .cours ol,
[dir="rtl"] .pratique ol, [dir="rtl"] .keypoints ul,
[dir="rtl"] .v2-tip ul, [dir="rtl"] .v2-trap ul,
[dir="rtl"] .v2-case ol,
[dir="rtl"] .faq-block ul { padding-right: 1.3em; padding-left: 0; }

/* --- En-têtes / fil d'Ariane / TOC alignés à droite --- */
[dir="rtl"] .breadcrumb,
[dir="rtl"] .toc .toc-box,
[dir="rtl"] .objectif,
[dir="rtl"] .time-badge { text-align: right; }

/* --- Bordures d'accent : passer du côté droit --- */
[dir="rtl"] .v2-note {
  border-left: 0; border-right: 3px solid var(--blue);
  border-radius: 10px 0 0 10px;
}
[dir="rtl"] .v2-case .res {
  border-left: 0; border-right: 3px solid var(--green);
  border-radius: 8px 0 0 8px;
}
[dir="rtl"] .objectif {
  border-left: 0; border-right: 4px solid var(--acc);
  border-radius: 8px 0 0 8px;
}

/* --- Checklists : case à cocher à droite --- */
[dir="rtl"] .v2-checklist li { padding-left: 0; padding-right: 26px; }
[dir="rtl"] .v2-checklist li::before { left: auto; right: 2px; }

/* --- Playbook (tableau) : alignement à droite --- */
[dir="rtl"] .v2-playbook th,
[dir="rtl"] .v2-playbook td { text-align: right; }

/* --- Cartes ressources : icône puis texte (le flux RTL inverse déjà l'ordre) --- */
[dir="rtl"] .res-card { text-align: right; }

/* --- Callout / note : l'emoji reste lisible à sa place --- */
[dir="rtl"] .v2-callout { text-align: right; }
[dir="rtl"] .v2-note strong, [dir="rtl"] .v2-callout strong { unicode-bidi: isolate; }