/* ---------- RTL overrides ---------- */
/* Loaded only on Arabic (/ar/) pages, after styles.css. Grid and Flexbox
   layouts already mirror automatically under dir="rtl" — these overrides
   only cover the physical (left/right) properties that don't. */

[dir="rtl"] body{
  font-family:'IBM Plex Sans Arabic', var(--font-body);
}

/* Numbers, phone numbers, code/URLs, and the EADPAG wordmark stay LTR —
   standard convention even in RTL interfaces. */
[dir="rtl"] .logo,
[dir="rtl"] .dial-readout .val,
[dir="rtl"] .stat .num,
[dir="rtl"] .hero-meta .n,
[dir="rtl"] .footer-col a[href^="tel:"],
[dir="rtl"] .footer-col a[href^="mailto:"],
[dir="rtl"] code, [dir="rtl"] pre{
  direction:ltr; unicode-bidi:isolate;
}

/* Dropdown menus: open aligned to the right edge, not left */
[dir="rtl"] .dropdown{left:auto; right:0;}

/* Caret icon (nav dropdown chevron) — mirror the diagonal */
[dir="rtl"] .caret{
  border-right:none; border-left:1.5px solid currentColor;
  transform:rotate(-45deg);
}

/* Hero meta stat dividers */
[dir="rtl"] .hero-meta{border-left:none; border-right:2px solid var(--border); padding-left:0; padding-right:14px;}

/* Homepage stats band dividers */
[dir="rtl"] .stat{text-align:right; border-left:none; border-right:2px solid var(--border); padding-left:0; padding-right:20px;}

/* Pipeline progress bar fill direction */
[dir="rtl"] .pipeline-mark .bar i{left:auto; right:0;}

/* Dash-bullet lists (pipeline-row, cap-list) */
[dir="rtl"] .pipeline-row ul li,
[dir="rtl"] .cap-list li{padding-left:0; padding-right:16px;}
[dir="rtl"] .pipeline-row ul li:before,
[dir="rtl"] .cap-list li:before{left:auto; right:0;}

/* Comparison table alignment */
[dir="rtl"] .compare-table th, [dir="rtl"] .compare-table td{text-align:right;}

/* Accordion/selector buttons using text-align:left */
[dir="rtl"] .faq-q, [dir="rtl"] .selector-opt{text-align:right;}

/* Pull quote border */
[dir="rtl"] .pull-quote{border-left:none; border-right:3px solid var(--accent); padding-left:0; padding-right:28px;}

/* Restart button spacing */
[dir="rtl"] .selector-restart{margin-left:0; margin-right:10px;}

/* Scroll progress bar and mobile nav panel: these use inset:0/left:0/right:0
   already (symmetric), so no change needed — included here as a note, not a rule. */

/* Breadcrumb separator and general icon-with-text spacing already use gap
   (flex), which mirrors automatically — no override needed. */