/* B3GT — Arabic / RTL overrides. Loaded only under /ar/.
   The base and component sheets use logical properties throughout,
   so this file only handles what logical properties cannot express. */

[dir="rtl"] body{font-family:"IBM Plex Sans Arabic","IBM Plex Sans",sans-serif;line-height:1.9}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{
  font-family:"IBM Plex Sans Arabic",serif;line-height:1.35;letter-spacing:0}
[dir="rtl"] .lbl,[dir="rtl"] .off__role,[dir="rtl"] .sec__num{letter-spacing:0}
[dir="rtl"] .hdr__name{letter-spacing:0}

/* numerals and codes stay LTR inside RTL text */
[dir="rtl"] .mono,[dir="rtl"] .stats__n,[dir="rtl"] .off__line{direction:ltr;text-align:start}

/* the office map is geography, not reading order: pins are placed with
   inline-start offsets, which would mirror the cities across a coastline
   that does not mirror. The Arabic names inside still shape correctly. */
[dir="rtl"] .geo{direction:ltr}

/* the credit's label: Arabic takes neither tracking nor capitals, and reads
   in the Arabic face rather than the Latin mono. The mark beside it is a
   brand and stays LTR via dir="ltr" in the markup. */
[dir="rtl"] .et-lbl{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;
  text-transform:none;font-size:13px}

/* family origins are country names, so in Arabic they are Arabic text: they
   take the Arabic face and the page's direction, unlike .mono codes and figures */
[dir="rtl"] .pfam__val{font-family:"IBM Plex Sans Arabic",sans-serif}

/* The mono face has no Arabic glyphs, so Arabic set in it fell through to a
   system monospace font and the letters did not join. Fonts fall back per
   character: with Plex Sans Arabic second in the stack, digits and Latin codes
   (the phone, "18", "RA · Fairtrade") still come from Plex Mono and keep their
   LTR rules above, while every Arabic letter comes from the Arabic face. No
   element has to be sorted into "number" or "text" by hand. */
:root[dir="rtl"]{--mono:"IBM Plex Mono","IBM Plex Sans Arabic",ui-monospace,SFMono-Regular,monospace}

/* Tracking separates Arabic letters even in the right face, so the mono
   labels that carry Arabic text lose it; the code-like ones (.off__line,
   .stats__n, .mono, the EN/FR switcher) keep theirs. ul.lbl sets its tracking
   inline, which beats this sheet, so its items are reset instead. And 11px is
   too small for Arabic: those labels go to 13px, the size the credit label
   already uses. The .sec__num inside .sec__head is left out — it renders at
   18px from .sec__head p, and this rule would shrink it. */
[dir="rtl"] .fam__orig,[dir="rtl"] .geo__name,[dir="rtl"] .hero__ticker b,
[dir="rtl"] .ftr h4,[dir="rtl"] .spec th,[dir="rtl"] .burger,
[dir="rtl"] ul.lbl li{letter-spacing:0}
[dir="rtl"] .lbl,[dir="rtl"] .off__role,[dir="rtl"] .sec__num:not(.sec__head .sec__num),
[dir="rtl"] .fam__orig,[dir="rtl"] .geo__name,[dir="rtl"] .hero__ticker b,
[dir="rtl"] .ftr h4,[dir="rtl"] .spec th,[dir="rtl"] .burger{font-size:13px}

/* directional icons mirror; the logo does not */
[dir="rtl"] .fam__arrow{transform:scaleX(-1)}
[dir="rtl"] .fam:hover .fam__arrow{transform:scaleX(-1) translateX(6px)}
[dir="rtl"] .pfam__more span{display:inline-block;transform:scaleX(-1)}