html[dir="rtl"] {
  direction: rtl;
}

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

html[dir="rtl"] .ms-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

html[dir="rtl"] .me-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

html[dir="rtl"] .text-start {
  text-align: right !important;
}

html[dir="rtl"] .text-end {
  text-align: left !important;
}

/* أضف ما تحتاج من عكس margin/padding/float */