/* ==========================================================================
   RTL overrides — Arabic version
   Loaded after styles.css on index-ar.html
   ========================================================================== */

body {
  font-family: 'Tajawal', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Typography adjustments for Arabic readability */
h1, h2, h3, h4, h5 { letter-spacing: 0; }
.logo__mark { letter-spacing: 0.04em; } /* Latin brand name stays LTR */
.logo__sub { letter-spacing: 0.18em; }
.eyebrow { letter-spacing: 0.08em; }

/* Force the brand name to stay readable in Latin form */
.logo { direction: ltr; text-align: inherit; }

/* Top bar — swap icon spacing */
.topbar__badge::before { margin-right: 0; margin-left: 6px; }

/* Hero visual — flip absolute positions */
.hero__card--1 { top: 20px; left: auto; right: 20px; }
.hero__card--2 { top: 150px; right: auto; left: 10px; }
.hero__card--3 { bottom: 20px; left: auto; right: 60px; }

/* About stats — flip */
.about__stat--1 { right: auto; left: -30px; }
.about__stat--2 { left: auto; right: -30px; }

/* Buttons with arrow icons — mirror the arrow */
.btn svg,
.product-card__link svg {
  transform: scaleX(-1);
}

/* Product card link gap reversal handled by flex-direction auto in RTL — keep as is */

/* Chat floating button — move to left side in RTL */
.chat-fab {
  right: auto;
  left: 28px;
}

/* Hero glow — mirror */
.hero__glow {
  right: auto;
  left: -20%;
}

/* CTA decorative glow — mirror */
.cta::before {
  right: auto;
  left: -10%;
}

/* Trust strip letter-spacing */
.trust__logo { letter-spacing: 0.08em; }

/* Input alignment */
input, select, textarea { text-align: right; }

/* Fix form icon alignment */
.contact__list { direction: rtl; }

/* Hero accent stays inline with flow */
.accent { display: inline; }

/* Mobile nav — keep flowing correctly */
@media (max-width: 768px) {
  .chat-fab { left: 20px; right: auto; }
}

@media (max-width: 480px) {
  .chat-fab { left: 16px; }
}