/* ============================================================
   Core Care Consultancy — RTL deltas
   Loaded only on Arabic pages, after styles.css.
   The new design system uses logical properties, so RTL
   inherits most layout. Below are the targeted overrides.
   ============================================================ */

html[dir="rtl"] body{font-family:'Geist','Inter','Segoe UI','Tahoma',sans-serif}

/* The display serif (Fraunces) doesn't have Arabic glyphs; fall back to a paired Arabic serif. */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .footer-wordmark,
html[dir="rtl"] .step-num,
html[dir="rtl"] .stat .v,
html[dir="rtl"] .kpi-card-value,
html[dir="rtl"] .quote-glyph,
html[dir="rtl"] .faq-quote blockquote{
  font-family:'Reem Kufi','Noto Naskh Arabic','Amiri',serif;
  font-weight:500;
  letter-spacing:0;
}

/* Arabic typography doesn't use italic — use weight contrast instead. */
html[dir="rtl"] em{
  font-style:normal;
  font-weight:600;
  color:var(--moss);
}

/* Reverse marquee direction in RTL */
html[dir="rtl"] .marquee-track{animation-direction:reverse}

/* Arrows and chevrons that point right in LTR should point left in RTL */
html[dir="rtl"] .btn .arrow{transform:scaleX(-1)}
html[dir="rtl"] .btn:hover .arrow{transform:scaleX(-1) translate(3px,-3px)}
html[dir="rtl"] .btn .arrow.flat{transform:scaleX(-1)}
html[dir="rtl"] .btn:hover .arrow.flat{transform:scaleX(-1) translateX(4px)}
html[dir="rtl"] .floating-cta-pill .arrow{transform:scaleX(-1)}
html[dir="rtl"] .floating-cta-pill:hover .arrow{transform:scaleX(-1) translate(2px,-2px)}

/* Reduce brass saturation slightly per Arabic typographic conventions */
html[dir="rtl"]{--brass:#A88947}