/* ============================================================
   ASAL Cloud — RTL + Arabic layer.
   Linked AFTER the page's inline <style> and theme.css, on the
   Arabic (/ar/) pages, which declare <html dir="rtl" lang="ar">.
   Flexbox & CSS grid auto-mirror under dir=rtl; this file swaps
   the Arabic webfont and fixes the few explicit/physical cases.
   ============================================================ */

/* ---- Arabic type: swap the DS font tokens so every component re-renders in Arabic ---- */
html[dir="rtl"]{
  --font-display:'Tajawal','IBM Plex Sans Arabic',system-ui,sans-serif;
  --font-body:'IBM Plex Sans Arabic','Tajawal',system-ui,sans-serif;
}
html[dir="rtl"] body{font-family:var(--font-body);text-align:right}
/* Arabic reads a touch larger/looser for comfort */
html[dir="rtl"] body{line-height:1.7}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{line-height:1.3}

/* ---- lists: markers on the right ---- */
html[dir="rtl"] ul,html[dir="rtl"] ol{padding-right:1.15em;padding-left:0}

/* ---- the yellow eyebrow/kicker "—" accent bar: mirror its side ---- */
html[dir="rtl"] .eyebrow::before,
html[dir="rtl"] .kicker::before,
html[dir="rtl"] .g-tag::before,
html[dir="rtl"] .sec-h .bar{margin-right:0;margin-left:11px}

/* ---- anything explicitly left-aligned should read right in Arabic ---- */
html[dir="rtl"] [style*="text-align:left"]{text-align:right!important}
/* …but keep tables/figures the author centered */
html[dir="rtl"] [style*="text-align:center"]{text-align:center!important}

/* ---- keep Latin brand tokens (AWS, ASAL, emails, URLs, prices) LTR inside Arabic text ---- */
html[dir="rtl"] .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* ---- decorative gold underline bars / arrows that point with reading direction ---- */
html[dir="rtl"] .arrow{display:inline-block;transform:scaleX(-1)}

/* ---- inputs/selects: caret + text on the right ---- */
html[dir="rtl"] .input,html[dir="rtl"] .select,html[dir="rtl"] .textarea{text-align:right}

/* ---- numbers stay Western (clear for tech/pricing); enforce LTR on number-only spans ---- */
html[dir="rtl"] .num{direction:ltr;unicode-bidi:isolate}
