/* ==========================================================================
   Scroll Mobile — RTL Overrides (Arabic)
   ========================================================================== */

/* --- Base RTL --- */
html[dir="rtl"] body {
  font-family: var(--font-arabic-body);
  font-size: 17px;
  direction: rtl;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: var(--font-arabic-display);
}

html[dir="rtl"] .section-label {
  letter-spacing: 0.02em;
}

html[dir="rtl"] .btn {
  font-family: var(--font-arabic-display);
}

/* --- Navigation RTL --- */
html[dir="rtl"] .nav-logo {
  flex-direction: row-reverse;
}

html[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

html[dir="rtl"] .nav-actions {
  flex-direction: row-reverse;
}

/* --- Hero RTL --- */
html[dir="rtl"] .hero-ctas {
  flex-direction: row-reverse;
}

html[dir="rtl"] .hero-stats {
  flex-direction: row-reverse;
}

/* --- Trust Bar RTL --- */
html[dir="rtl"] .trust-item {
  flex-direction: row-reverse;
  text-align: right;
}

/* --- Service Cards RTL --- */
html[dir="rtl"] .service-tags {
  flex-direction: row-reverse;
}

/* --- Why Us RTL --- */
html[dir="rtl"] .why-item {
  flex-direction: row-reverse;
  text-align: right;
}

/* --- Reviews RTL --- */
html[dir="rtl"] .review-stars {
  flex-direction: row-reverse;
}

/* --- Location RTL --- */
html[dir="rtl"] .location-detail {
  flex-direction: row-reverse;
  text-align: right;
}

/* --- Footer RTL --- */
html[dir="rtl"] .footer-brand {
  flex-direction: row-reverse;
}

html[dir="rtl"] .footer-social {
  flex-direction: row-reverse;
}

html[dir="rtl"] .footer-bottom {
  flex-direction: row-reverse;
}

/* --- WhatsApp Float RTL --- */
html[dir="rtl"] .whatsapp-float {
  right: auto;
  left: 1.25rem;
}

@media (min-width: 768px) {
  html[dir="rtl"] .whatsapp-float {
    left: 2rem;
    right: auto;
  }
}

/* --- Blog RTL --- */
html[dir="rtl"] .blog-read-more {
  flex-direction: row-reverse;
}

html[dir="rtl"] .post-back {
  flex-direction: row-reverse;
}

html[dir="rtl"] .post-body ul,
html[dir="rtl"] .post-body ol {
  padding-left: 0;
  padding-right: 1.5rem;
}

/* --- Font weight adjustment for Arabic --- */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 {
  font-weight: 600;
}

html[dir="rtl"] .nav-logo-text,
html[dir="rtl"] .footer-brand-text {
  font-family: var(--font-arabic-display);
}