/* RTL physical-flip overrides — loaded only when is_rtl().
   Layout already flips via logical properties; this fixes non-logical bits. */

/* Mirror directional icons (arrows). */
html[dir="rtl"] .svc-card .more svg,
html[dir="rtl"] .btn .ic[viewBox] ~ span { }
html[dir="rtl"] .svc-card .more svg { transform: scaleX(-1); }
html[dir="rtl"] .svc-card:hover .more svg { transform: scaleX(-1) translateX(3px); }

/* Hero grid keeps copy first (start) — logical, no change needed.
   Gradient mask origin flip so the blueprint fade sits on the leading edge. */
html[dir="rtl"] .hero::before { mask-image: radial-gradient(120% 90% at 20% 0%, #000 30%, transparent 75%); }

/* Floating hero card sits on the inline-start already; nudge shadow direction. */
html[dir="rtl"] .answer-lead { border-radius: var(--radius-sm) 0 0 var(--radius-sm); }

/* WhatsApp float / mobile bar unaffected (centered/full-width). */

/* Tighten Arabic headings (Cairo runs a touch tall). */
html[lang^="ar"] h1, html[lang^="ar"] h2, html[lang^="ar"] h3 { line-height: 1.3; }
html[lang^="ar"] .brand-sub { letter-spacing: 0; }
html[lang^="ar"] .eyebrow { letter-spacing: .06em; }