/* ========================================================================= RTL (right-to-left) support — loaded only when the active language is Arabic. Bootstrap 5's utility classes (.ms-*, .me-*, .text-start, etc.) already use logical CSS properties and flip automatically once dir="rtl" is set on — this file only needs to cover the theme's own custom CSS, which mostly uses physical left/right properties that don't auto-flip. ========================================================================= */ [dir="rtl"] body { text-align: right; } /* ---------- Header / navigation ---------- */ [dir="rtl"] .navbar-nav { padding-right: 0; } [dir="rtl"] .dropdown-menu { text-align: right; } [dir="rtl"] .eauzo-track-input-row, [dir="rtl"] .eauzo-p-track-input { flex-direction: row-reverse; } /* ---------- Hero / homepage ---------- */ [dir="rtl"] .eauzo-service-card, [dir="rtl"] .eauzo-insight-card, [dir="rtl"] .eauzo-c-job-card { text-align: right; } /* ---------- Breadcrumbs ---------- */ [dir="rtl"] .breadcrumb { padding-right: 0; } [dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { float: right; padding-left: 0.5rem; padding-right: 0; transform: scaleX(-1); } /* ---------- Forms ---------- */ [dir="rtl"] .eauzo-form-row-label, [dir="rtl"] .eauzo-erp-form-row-label, [dir="rtl"] .eauzo-p-field label { text-align: right; } [dir="rtl"] .eauzo-track-input-row input, [dir="rtl"] .eauzo-p-track-input input { text-align: right; } /* ---------- Tracking page: progress stepper ---------- */ [dir="rtl"] .eauzo-stepper { flex-direction: row-reverse; } [dir="rtl"] .eauzo-track-summary, [dir="rtl"] .eauzo-p-track-summary { text-align: right; } /* ---------- Tracking page: icon timeline ---------- */ [dir="rtl"] .eauzo-timeline-icons li { padding-left: 0; padding-right: 2.75rem; } [dir="rtl"] .eauzo-timeline-icon, [dir="rtl"] .eauzo-p-timeline-dot { left: auto; right: 0; } [dir="rtl"] .eauzo-timeline-icons li:not(:last-child)::after { left: auto; right: 15px; } [dir="rtl"] .eauzo-p-timeline { border-left: none; border-right: 2px solid #f0f2f5; padding-left: 0; padding-right: 1.25rem; } /* ---------- Cards / chips / badges with directional icons ---------- */ [dir="rtl"] .bi-arrow-right::before { content: "\f12b"; } /* swap to arrow-left glyph */ [dir="rtl"] .fw-semibold i, [dir="rtl"] .eauzo-erp-back-link i { transform: scaleX(-1); display: inline-block; } /* ---------- Control Tower / ERP shell ---------- */ [dir="rtl"] .eauzo-erp-sidebar { text-align: right; } [dir="rtl"] .eauzo-erp-nav-item { flex-direction: row-reverse; justify-content: flex-end; } [dir="rtl"] .eauzo-erp-table th, [dir="rtl"] .eauzo-erp-table td, [dir="rtl"] .eauzo-p-table th, [dir="rtl"] .eauzo-p-table td { text-align: right; } [dir="rtl"] .eauzo-erp-kpi-card { text-align: right; } /* ---------- Footer ---------- */ [dir="rtl"] footer .nav.flex-column { padding-right: 0; }