/* RTL overrides — loaded only for ar-SA (dir="rtl" is set on by Master.cshtml) */ /* Flip icon margins that use Bootstrap me-*/ms- utilities */ .bi + span, .btn .bi { margin-inline-start: .5rem; margin-inline-end: 0; } /* Navbar brand and toggle — keep logo left in RTL */ .navbar-brand { margin-inline-end: 1rem; margin-inline-start: 0; } /* Hero action buttons — keep stacked correctly */ .hero-actions { flex-direction: row-reverse; } /* Breadcrumb separator flipped */ .breadcrumb-item + .breadcrumb-item::before { float: right; padding-left: .5rem; padding-right: 0; } /* Stat items — right-align numbers */ .dash-stat { text-align: right; } /* Footer columns — RTL stack order stays natural via Bootstrap RTL build */ /* Timeline / how-it-works connector line */ .hiw-connector { right: auto; left: 0; } /* Card icon alignment */ .feature-icon { margin-inline-end: 1rem; margin-inline-start: 0; }