/* ============================================================
   RTL + Arabic overrides — loaded after styles.css on /ar/ pages
   ============================================================ */

:root {
  --serif: "Cairo", "Tajawal", ui-sans-serif, system-ui, sans-serif;
  --sans: "Tajawal", "Cairo", ui-sans-serif, system-ui, sans-serif;
}

/* Arabic script must not be letter-spaced (breaks joining) */
[dir="rtl"] * { letter-spacing: 0 !important; }
[dir="rtl"] pre, [dir="rtl"] code { letter-spacing: normal !important; }

/* Code & protocol content stays LTR */
.codeblock pre, .doc code, .faq__answer code, .agent__steps code {
  direction: ltr;
  unicode-bidi: isolate;
}
.codeblock pre { text-align: left; }

/* Forward arrows point left in RTL */
[dir="rtl"] .ai-card__list li::after { content: "←"; }
[dir="rtl"] .tier__list li::before { content: "←"; }
[dir="rtl"] .scope-grid li::before { content: "←"; }

/* Physical property swaps */
[dir="rtl"] .skip-link { left: auto; right: 16px; }

[dir="rtl"] .brand__tail {
  padding-left: 0;
  padding-right: 12px;
  border-left: 0;
  border-right: 1px solid var(--line);
  margin-left: 0;
  margin-right: 4px;
}
[dir="rtl"] .nav__lang {
  padding-right: 0;
  padding-left: 14px;
  border-right: 0;
  border-left: 1px solid var(--line);
}

/* KPI strip */
[dir="rtl"] .kpi { border-right: 0; border-left: 1px solid var(--line); }
[dir="rtl"] .kpi:first-child { padding-left: 40px; padding-right: var(--gutter); }
[dir="rtl"] .kpi:last-child { border-left: 0; padding-right: 40px; padding-left: var(--gutter); }
@media (max-width: 1020px) {
  [dir="rtl"] .kpi { border-left: 0; }
  [dir="rtl"] .kpi:nth-child(odd) { border-left: 1px solid var(--line); }
}
@media (max-width: 640px) {
  [dir="rtl"] .kpi:first-child { padding-right: 20px; }
  [dir="rtl"] .kpi:last-child { padding-left: 20px; }
}

/* Process steps */
[dir="rtl"] .step { border-right: 0; border-left: 1px solid var(--line); }
[dir="rtl"] .step:first-child { padding-left: 40px; padding-right: 0; }
[dir="rtl"] .step:last-child { border-left: 0; padding-right: 40px; padding-left: 0; }
@media (max-width: 1020px) {
  [dir="rtl"] .step { border-left: 0; }
  [dir="rtl"] .step:nth-child(odd) { border-left: 1px solid var(--line); padding-right: 0; padding-left: 28px; }
  [dir="rtl"] .step:nth-child(even) { padding-right: 28px; padding-left: 0; }
}
@media (max-width: 640px) {
  [dir="rtl"] .step { border-left: 0; padding: 32px 0 !important; }
}

/* Glyph positions */
[dir="rtl"] .glyph { right: auto; left: -20px; }

/* Case metric alignment + arrow auto-margin */
[dir="rtl"] .case__metric { text-align: left; }
[dir="rtl"] .case__arrow { margin-left: 0; margin-right: auto; }

/* Tier list bullets */
[dir="rtl"] .tier__list li { padding-left: 0; padding-right: 22px; }
[dir="rtl"] .tier__list li::before { left: auto; right: 0; }

/* Doc tables & lists */
[dir="rtl"] .doc th, [dir="rtl"] .doc td { text-align: right; }
[dir="rtl"] .doc ul, [dir="rtl"] .doc ol { padding-left: 0; padding-right: 22px; }

/* AI big number */
[dir="rtl"] .ai__num { text-align: left; }
@media (max-width: 1020px) {
  [dir="rtl"] .ai__num { text-align: right; }
}

/* Facts grid label column stays readable */
[dir="rtl"] .fact__label { text-align: right; }

/* FAQ marker */
[dir="rtl"] .faq summary { direction: rtl; }

/* Keep numeric/Latin chips in logical order */
[dir="rtl"] .s-hero__chip,
[dir="rtl"] .tile__num,
[dir="rtl"] .cap__num,
[dir="rtl"] .ai-card__index,
[dir="rtl"] .case__idx,
[dir="rtl"] .codeblock__bar {
  unicode-bidi: isolate;
}