/* Frontend RTL overrides (keep same look as EN) */ /* Direction is set on */ /* Bootstrap 5 helpers: flip spacing utilities */ [dir="rtl"] .me-0 { margin-left: 0 !important; margin-right: 0 !important; } [dir="rtl"] .me-1 { margin-left: .25rem !important; margin-right: 0 !important; } [dir="rtl"] .me-2 { margin-left: .5rem !important; margin-right: 0 !important; } [dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: 0 !important; } [dir="rtl"] .me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; } [dir="rtl"] .me-5 { margin-left: 3rem !important; margin-right: 0 !important; } [dir="rtl"] .ms-0 { margin-right: 0 !important; margin-left: 0 !important; } [dir="rtl"] .ms-1 { margin-right: .25rem !important; margin-left: 0 !important; } [dir="rtl"] .ms-2 { margin-right: .5rem !important; margin-left: 0 !important; } [dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; } [dir="rtl"] .ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; } [dir="rtl"] .ms-5 { margin-right: 3rem !important; margin-left: 0 !important; } /* Text alignment helpers */ [dir="rtl"] .text-lg-start { text-align: right !important; } [dir="rtl"] .text-lg-end { text-align: left !important; } /* Navbar: keep EN layout but RTL direction */ [dir="rtl"] #navbarCollapse .navbar-nav.ms-auto { margin-right: auto !important; margin-left: 0 !important; } /* Hero breadcrumb RTL separator spacing */ [dir="rtl"] .hero-header .hero-breadcrumb .breadcrumb-item + .breadcrumb-item::before { padding-left: .5rem; padding-right: .5rem; }