/* global */
html[dir="rtl"] body { direction: rtl; }

/* text utilities flip */
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end   { text-align: left  !important; }

/* bootstrap margin helpers (common ones) */
html[dir="rtl"] .ms-1 { margin-right: .25rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ms-2 { margin-right: .5rem  !important; margin-left: 0 !important; }
html[dir="rtl"] .ms-3 { margin-right: 1rem   !important; margin-left: 0 !important; }
html[dir="rtl"] .me-1 { margin-left:  .25rem !important; margin-right: 0 !important; }
html[dir="rtl"] .me-2 { margin-left:  .5rem  !important; margin-right: 0 !important; }
html[dir="rtl"] .me-3 { margin-left:  1rem   !important; margin-right: 0 !important; }

/* optional: flip route arrow visuals that use → */
html[dir="rtl"] .route-arrow::after { content: '←'; }