/* =============================================================================
   RTL — premier passage pragmatique (arabe).
   Chargé par les deux hôtes (web + MAUI). Toutes les règles sont isolées sous
   [dir="rtl"] : aucun impact sur les langues de gauche à droite.

   Le build Bootstrap chargé est LTR (ses utilitaires .me-*/.ms-* restent
   physiques) ; on remappe ici les marges directionnelles les plus courantes
   afin que l'espacement icône/texte et les alignements lisent correctement.
   Le peaufinage fin page par page est volontairement différé.
   ============================================================================= */

[dir="rtl"] {
    text-align: right;
}

/* Marges directionnelles Bootstrap (icônes en ligne, espacements) */
[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: .25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: .5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
[dir="rtl"] .me-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: .25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: .5rem !important; }
[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
[dir="rtl"] .ms-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
[dir="rtl"] .ms-auto { margin-left: 0 !important; margin-right: auto !important; }
[dir="rtl"] .me-auto { margin-right: 0 !important; margin-left: auto !important; }

/* Padding directionnel le plus courant */
[dir="rtl"] .ps-1 { padding-left: 0 !important; padding-right: .25rem !important; }
[dir="rtl"] .ps-2 { padding-left: 0 !important; padding-right: .5rem !important; }
[dir="rtl"] .ps-3 { padding-left: 0 !important; padding-right: 1rem !important; }
[dir="rtl"] .pe-1 { padding-right: 0 !important; padding-left: .25rem !important; }
[dir="rtl"] .pe-2 { padding-right: 0 !important; padding-left: .5rem !important; }
[dir="rtl"] .pe-3 { padding-right: 0 !important; padding-left: 1rem !important; }

/* Alignements de texte logiques */
[dir="rtl"] .text-start { text-align: right !important; }
[dir="rtl"] .text-end { text-align: left !important; }

/* Menus déroulants Bootstrap */
[dir="rtl"] .dropdown-menu { text-align: right; }