/* ar.css — RTL + Arabic-typography overrides for the /ar/ mirror (W5). Loaded by every /ar/* page AFTER pages.css / faq.css / the homepage's inline styles, so it wins. The pages set , which mirrors all the flex/grid layout automatically; this sheet only fixes the handful of physical properties (padding-left, ::before left, the alternating-row trick) that don't flip on their own, and sets an Arabic-capable font. */ /* Arabic face after DM Sans — Latin (Qualiva, prices, WHO GMP, $) stays DM Sans; Arabic glyphs fall through to IBM Plex Sans Arabic. */ body{font-family:'DM Sans','IBM Plex Sans Arabic',system-ui,sans-serif} /* standards strip label gap (margin-right -> margin-left in RTL) */ [dir="rtl"] .standards .lbl{margin-right:0;margin-left:8px} /* capability bullet lists (Platform page) */ [dir="rtl"] .caps li{padding-left:0;padding-right:26px} [dir="rtl"] .caps li::before{left:auto;right:0} /* pricing "what's included" checklists */ [dir="rtl"] .tier .feats li{padding-left:0;padding-right:24px} [dir="rtl"] .tier .feats li::before{left:auto;right:0;content:"\2713"} /* alternating pillar rows: the EN trick uses direction:rtl on even rows to swap the columns. On an already-RTL page that would force children back to LTR and break Arabic — so re-point it: even rows go LTR (swapping columns), children back to RTL for correct text flow. */ [dir="rtl"] .pillar-row:nth-child(even){direction:ltr} [dir="rtl"] .pillar-row:nth-child(even) > *{direction:rtl} /* readiness-verdict bar percentages read better leading on the right in RTL */ [dir="rtl"] .vbar .pct{text-align:left} @media(max-width:900px){ [dir="rtl"] .pillar-row:nth-child(even){direction:rtl} }