/* =====================================================================
   RTL adjustments — only loaded when the active language is Arabic.
   Most of the layout is already direction-agnostic thanks to logical
   CSS properties (margin-inline, inset-inline-start). This file
   handles the few cases that need explicit reversal.
   ===================================================================== */

/* Increase line-height for Arabic body copy. */
.nd-rtl, .nd-rtl body { line-height: 1.85; }

/* Reset Latin tracking on display headings. */
.nd-rtl .nd-display,
.nd-rtl .nd-h1,
.nd-rtl .nd-h2,
.nd-rtl .nd-h3,
.nd-rtl .nd-eyebrow {
	letter-spacing: 0;
	line-height: 1.25;
}

/* Hero scroll indicator: keep the line top-anchored, mirror works automatically. */

/* Service card decorative hover offset: mirror the translate. */
.nd-rtl .nd-service-card__cta:hover .nd-icon,
.nd-rtl .nd-link:hover .nd-icon { transform: translateX(-4px); }

/* Arrow icons inside buttons should flip under RTL. */
.nd-rtl .nd-btn .nd-icon[data-icon="arrow"] svg,
.nd-rtl .nd-link .nd-icon[data-icon="arrow"] svg { transform: scaleX(-1); }

/* Back-to-top arrow rotation needs an opposite direction in RTL. */
.nd-rtl .nd-back-to-top .nd-icon { transform: rotate(90deg); }

/* Phone numbers, emails, URLs always remain LTR even inside RTL flow. */
[dir="ltr"] { unicode-bidi: isolate; }

/* Floating WhatsApp button stays anchored to the visual end of the row. */
/* (already handled via inset-inline-end in main.css) */