/* * Right-to-left layout overrides for Arabic locale. * Applied only when . * Targets the public site layout — keep these scoped via the [dir="rtl"] * attribute selector so LTR pages stay untouched. */ [dir="rtl"] body { direction: rtl; text-align: right; font-family: 'Noto Naskh Arabic', 'Segoe UI', Arial, sans-serif; } [dir="rtl"] .container, [dir="rtl"] .row { direction: rtl; } /* Float reversals */ [dir="rtl"] .float-left { float: right !important; } [dir="rtl"] .float-right { float: left !important; } [dir="rtl"] .text-left { text-align: right !important; } [dir="rtl"] .text-right { text-align: left !important; } /* Margin/padding mirror — convert directional to logical */ [dir="rtl"] .ml-1, [dir="rtl"] .ml-2, [dir="rtl"] .ml-3, [dir="rtl"] .ml-4, [dir="rtl"] .ml-5, [dir="rtl"] .mr-1, [dir="rtl"] .mr-2, [dir="rtl"] .mr-3, [dir="rtl"] .mr-4, [dir="rtl"] .mr-5 { margin-left: 0; margin-right: 0; } [dir="rtl"] .ml-1 { margin-right: 0.25rem; } [dir="rtl"] .ml-2 { margin-right: 0.5rem; } [dir="rtl"] .ml-3 { margin-right: 1rem; } [dir="rtl"] .ml-4 { margin-right: 1.5rem; } [dir="rtl"] .ml-5 { margin-right: 3rem; } [dir="rtl"] .mr-1 { margin-left: 0.25rem; } [dir="rtl"] .mr-2 { margin-left: 0.5rem; } [dir="rtl"] .mr-3 { margin-left: 1rem; } [dir="rtl"] .mr-4 { margin-left: 1.5rem; } [dir="rtl"] .mr-5 { margin-left: 3rem; } /* Header / nav */ [dir="rtl"] .header-top { direction: rtl; } [dir="rtl"] .nav { flex-direction: row-reverse; } [dir="rtl"] .nav-item { margin-right: 0; margin-left: 1rem; } /* Hero — keep gold span inline correctly */ [dir="rtl"] .text-gold { unicode-bidi: embed; } /* Lawyer / firm cards */ [dir="rtl"] .lawyer-card, [dir="rtl"] .firm-card { direction: rtl; text-align: right; } [dir="rtl"] .lawyer-card .avatar { float: right; margin-left: 1rem; margin-right: 0; } /* Breadcrumb chevrons */ [dir="rtl"] .breadcrumb { direction: rtl; } [dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { content: "\\\\"; transform: scaleX(-1); } /* Forms */ [dir="rtl"] .form-control { text-align: right; } [dir="rtl"] .form-label { text-align: right; } [dir="rtl"] .input-group > .input-group-prepend { order: 2; } [dir="rtl"] .input-group > .input-group-append { order: 0; } /* Buttons with leading icons — flip icon to the right edge */ [dir="rtl"] .btn .icon-left { margin-right: 0; margin-left: 0.5rem; } [dir="rtl"] .btn .icon-right { margin-left: 0; margin-right: 0.5rem; } /* Footer */ [dir="rtl"] .footer-section { text-align: right; } [dir="rtl"] .footer-links li { padding-right: 0; padding-left: 1rem; } /* Lang switcher: keep dropdown on the left in RTL */ [dir="rtl"] .aqna-lang-menu { right: auto; left: 0; } /* Pagination */ [dir="rtl"] .pagination { direction: ltr; } /* numbers stay LTR */