/*
Arabic homepage overrides (RTL). Loaded only on /ar/, on top of style.css.
Flexbox and grid already mirror automatically once the page direction is
RTL; the rules below are the few spots that used a hardcoded left/right
side and need to swap explicitly, plus the Arabic font pairing.
*/

body.lang-ar{
  direction: rtl;
  font-family: 'Cairo', var(--sans);
}
body.lang-ar h1,
body.lang-ar h2,
body.lang-ar h3,
body.lang-ar h4{
  font-family: 'Cairo', var(--serif);
}

/* Bullet list markers (offer columns, article/legal lists) */
body.lang-ar .offer-columns li{ padding-left:0; padding-right:22px; }
body.lang-ar .offer-columns li::before{ left:auto; right:0; }
body.lang-ar .article-body ul,
body.lang-ar .legal-body ul{ padding-left:0; padding-right:22px; }

/* Quote block accent border */
body.lang-ar .quote{ border-left:none; border-right:2px solid var(--brass-dim); padding-left:0; padding-right:28px; }
body.lang-ar .on-paper .quote{ border-left-color:transparent; border-right-color:var(--brass-dim); }

/* Events table header alignment */
body.lang-ar table.events th{ text-align:right; }

/* Hero eyebrow dot and stat/tag rows read naturally once flex reverses;
   just make sure the language switcher's active underline still looks right */
body.lang-ar .lang,
body.lang-ar .foot-langs{ direction:ltr; }