/* ============================================================
   RTL OVERRIDES — Loaded only when site is in Arabic
   ============================================================ */

body.rtl, body.infinity-ar {
  font-family: var(--font-ar);
  direction: rtl;
}

/* Arrows flip — but the buttons keep their natural text direction */
body.rtl .btn span[aria-hidden],
body.rtl .utility-bar__link span,
body.rtl .pill-chip__arrow,
body.rtl .insight-card__title a::after {
  transform: scaleX(-1);
  display: inline-block;
}

/* Hero text alignment stays left-aligned in LTR, right-aligned in RTL */
body.rtl .hero__title,
body.rtl .hero__lead { text-align: right; }

/* Section heads */
body.rtl .section-head--center { text-align: center; }

/* Service cards */
body.rtl .service-card { text-align: right; }
body.rtl .service-card__link { flex-direction: row-reverse; }

/* Testimonial decorative quote mark on right side */
body.rtl .testimonial::before {
  left: auto;
  right: 20px;
}

/* Footer columns flip naturally with RTL */
body.rtl .site-footer__bottom { flex-direction: row-reverse; }

/* Contact column: items carry dir="ltr" so phone/email read in their natural
   LTR order, but that also defaults text-align to left, which clashes with the
   right-aligned Arabic heading above. Force right-alignment so the whole column
   sits flush against the right edge while LTR text inside stays in LTR order. */
body.rtl .site-footer__contact { text-align: right; }
body.rtl .site-footer__contact-item { text-align: right; }
body.rtl .site-footer__contact-item[dir="ltr"] { display: inline-block; }

/* Adjust line height for Arabic readability */
body.rtl { line-height: 1.7; }
body.rtl .hero__title { line-height: 1.15; letter-spacing: 0; }
body.rtl .section-head__title { line-height: 1.25; letter-spacing: 0; }