/* Arabic pages (html lang="ar-SA" dir="rtl").
   The Webflow stylesheet already carries the designer's :lang(ar-sa) rules (Almarai, sizes, grids);
   this file only patches what those rules leave out. */
html[dir="rtl"] body { text-align: right; font-family: Almarai, Inter, sans-serif; }
html[dir="rtl"] input, html[dir="rtl"] textarea { text-align: right; direction: rtl; }

/* Hero rotating word: keep each word inside its slot (100px desktop, 70px phones). */
html[dir="rtl"] .home-words-content h2 { line-height: 100px; }
@media screen and (max-width: 479px) {
  html[dir="rtl"] .home-words-content h2 { line-height: 70px; font-size: 52px; }
  html[dir="rtl"] .title { font-size: 60px; line-height: 1.2; }
}

/* Nav: keep "تسجيل الدخول" on one line. */
html[dir="rtl"] .login, html[dir="rtl"] .nav-link { white-space: nowrap; }