/* Arabic / RTL — the essentials: correct text shaping everywhere (free from `dir`), plus the few
   spots that use physical left/right and would otherwise end up on the wrong side. Not an exhaustive
   mirror of every component yet — the highest-traffic chrome (nav, sidebar, cards) is covered. */
html[dir="rtl"] body{font-family:'Tajawal',Inter,system-ui,sans-serif}
html[dir="rtl"] .nav-l{left:auto;right:24px}
html[dir="rtl"] .nav-r{right:auto;left:24px}
html[dir="rtl"] .lang-panel{left:auto;right:0}
html[dir="rtl"] .lang-opt{text-align:right}
html[dir="rtl"] .snav a.active::before{left:auto;right:-16px;border-radius:3px 0 0 3px}
html[dir="rtl"] .snav a>svg:last-child{margin-left:0;margin-right:auto;transform:scaleX(-1)}
html[dir="rtl"] .badge-r{right:auto;left:12px}
html[dir="rtl"] .search-wrap .search-ic{left:auto;right:15px}
html[dir="rtl"] .search{padding:11px 42px 11px 16px}
html[dir="rtl"] .ph-row,html[dir="rtl"] .toolbar,html[dir="rtl"] .sc-top,html[dir="rtl"] .srv-btn{text-align:right}