/* ==================================================================
 * Arabic (right-to-left) adjustments. Loaded only on pages in ar/.
 * ================================================================== */

:root {
  --serif: "Amiri", "Times New Roman", serif;
  --sans: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
}

/* Letter-spacing and capitals break Arabic letter joining. */
[dir="rtl"] * { letter-spacing: 0 !important; text-transform: none !important; }

[dir="rtl"] body { font-size: 1.04rem; line-height: 1.85; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5 { line-height: 1.45; font-weight: 700; }
[dir="rtl"] .hero h1 { line-height: 1.35; font-weight: 700; }
[dir="rtl"] .hero h1 em,
[dir="rtl"] .cta-band h2 em { font-style: normal; }

/* Small uppercase labels need a little more size without the tracking. */
[dir="rtl"] .eyebrow,
[dir="rtl"] .hero-badge,
[dir="rtl"] .practice-link,
[dir="rtl"] .footer h5 { font-size: .9rem; }
[dir="rtl"] .brand-sub { font-size: .8rem; }
[dir="rtl"] .brand-name { font-size: 1.6rem; }
[dir="rtl"] .brand-mark { font-family: var(--serif); font-size: 1.5rem; padding-bottom: 6px; }

[dir="rtl"] .skip-link { left: auto; right: 12px; }

/* Mirror direction-dependent decorations. */
[dir="rtl"] .nav-menu .nav-link::after,
[dir="rtl"] .practice-card::before { transform-origin: right; }
[dir="rtl"] .nav-cta { margin-left: 0; margin-right: .6rem; }
@media (max-width: 991.98px) { [dir="rtl"] .nav-cta { margin: .7rem 0 0; } }

[dir="rtl"] .hero-bg::after {
  background: linear-gradient(255deg, rgba(9, 18, 32, .96) 0%, rgba(9, 18, 32, .9) 42%, rgba(9, 18, 32, .62) 100%);
}

[dir="rtl"] .practice-link svg { transform: scaleX(-1); }
[dir="rtl"] .practice-link:hover svg { transform: scaleX(-1) translateX(4px); }

[dir="rtl"] .footer-links a:hover { padding-left: 0; padding-right: 4px; }

@media (max-width: 767.98px) {
  [dir="rtl"] .step { text-align: right; }
}

/* Floating WhatsApp button sits bottom-left in RTL. */
[dir="rtl"] .wa-float { right: auto; left: 20px; }

/* Latin bits (phone, email) inside Arabic text */
[dir="rtl"] bdi { font-family: "IBM Plex Sans Arabic", "Inter", sans-serif; }