/* ERP36T — right-to-left (Arabic) overrides.
   Loaded after erp36t.css on /ar/ only. erp36t.css is written for left-to-right;
   flex and grid mirror by themselves, so this file only fixes the fonts and the
   few rules that use physical left/right. */

:root{
  --display:"IBM Plex Sans Arabic","Noto Kufi Arabic","Segoe UI",Tahoma,sans-serif;
  --sans:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
}
[dir=rtl] body{line-height:1.75}

/* Arabic letters join: letter-spacing pulls them apart, and small caps mean nothing */
[dir=rtl] *{letter-spacing:0!important}
[dir=rtl] h1,[dir=rtl] .section-head h2,[dir=rtl] .cta-band h2,[dir=rtl] .hero h1{font-variant:normal;font-variant-caps:normal}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{line-height:1.4;font-weight:700}
[dir=rtl] .eyebrow{font-size:15px}
[dir=rtl] .lede{line-height:1.85}
[dir=rtl] .faq summary{font-size:17px}

/* header: the menu and the burger sit at the far (left) end */
[dir=rtl] .nav{margin-left:0;margin-right:auto}
[dir=rtl] .header-cta{margin-left:0;margin-right:14px}
[dir=rtl] .burger{margin-left:0;margin-right:auto}

/* arrows point the way the text runs */
[dir=rtl] .arrow{display:inline-block;transform:scaleX(-1)}
[dir=rtl] .btn:hover .arrow{transform:scaleX(-1) translateX(3px)}
[dir=rtl] a.mod::after{content:"←";margin-left:0;margin-right:auto}
[dir=rtl] .step:not(:last-child)::after{right:auto;left:-9px}

/* Latin words (ERP36T, ZATCA, plan names, prices) keep their own direction */
[dir=rtl] bdi,[dir=rtl] [dir=ltr]{unicode-bidi:isolate}

/* Urdu (/ur/): Nastaliq needs far more line height than Arabic Naskh and reads
   small, so it gets its own font, a larger size and taller lines. Latin words
   fall back to Work Sans. */
html[lang="ur"]{--display:"Noto Nastaliq Urdu","Work Sans",serif;--sans:"Noto Nastaliq Urdu","Work Sans",serif}
html[lang="ur"] body{font-size:16px;line-height:2.2}
html[lang="ur"] h1,html[lang="ur"] h2,html[lang="ur"] h3,html[lang="ur"] h4{line-height:1.9;font-weight:700}
html[lang="ur"] .lede{line-height:2.2}
html[lang="ur"] .btn,html[lang="ur"] .chip,html[lang="ur"] .nav a,html[lang="ur"] .eyebrow,html[lang="ur"] .faq summary{line-height:2}
html[lang="ur"] .hero-meta{row-gap:10px}