/* ============================================================
   RTL OVERRIDES — Arabic Language Support
   Loaded after style.css on [dir="rtl"] pages only.
   ============================================================ */

/* ---- Base ---- */
body {
  font-family: var(--ff-arabic);
  direction: rtl;
  text-align: right;
}

h1, h2 { font-family: var(--ff-arabic); }
h3, h4 { font-family: var(--ff-arabic); }
.badge-gold { font-family: var(--ff-arabic); }
.btn-gold { font-family: var(--ff-arabic); }
.btn-whatsapp { font-family: var(--ff-arabic); }
.form-title { font-family: var(--ff-arabic); }
.form-subtitle { font-family: var(--ff-arabic); }
.form-trust { font-family: var(--ff-arabic); }
.about-counter .counter-label { font-family: var(--ff-arabic); }
.step-number { font-family: var(--ff-arabic); }
.cta-year-badge { font-family: var(--ff-arabic); }
.footer-credit { font-family: var(--ff-arabic); }

/* ---- Header ---- */
.header-nav a::after {
  left: auto;
  right: 0;
}

.lang-toggle {
  margin-left: 0;
  margin-right: 16px;
}

/* ---- Mobile Menu ---- */
.mobile-menu {
  right: auto;
  left: -320px;
  transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu.active {
  right: auto;
  left: 0;
}

.mobile-menu a {
  transition: color 0.3s ease, padding-right 0.3s ease;
}

.mobile-menu a:hover {
  padding-left: 0;
  padding-right: 8px;
}

.mobile-close {
  right: auto;
  left: 20px;
}

/* ---- Hero ---- */
.hero-form-card input,
.hero-form-card textarea,
.hero-form-card select {
  text-align: right;
}

/* ---- Reel Text ---- */
.reel-text {
  padding-left: 0;
  padding-right: 40px;
}

/* ---- About Section ---- */
.about-content {
  padding-right: 0;
  padding-left: 40px;
}

.about-images img:nth-child(2) {
  right: auto;
  left: 0;
}

/* ---- FAQ ---- */
.faq-question {
  text-align: right;
}

.faq-arrow {
  margin-left: 0;
  margin-right: 16px;
}

.faq-item {
  border-left: none;
  border-right: 3px solid transparent;
}

.faq-item.active {
  border-left-color: transparent;
  border-right-color: var(--c-gold);
}

/* ---- WhatsApp Float ---- */
.whatsapp-float {
  right: auto;
  left: 24px;
}

/* ---- Back to Top ---- */
.back-to-top {
  right: auto;
  left: 28px;
}

/* ---- Footer Info Icons ---- */
.footer-info p i {
  margin-right: 0;
  margin-left: 6px;
}

/* ---- Process Timeline (mobile) ---- */
@media (max-width: 991px) {
  .reel-text {
    padding-right: 0;
  }

  .about-content {
    padding-left: 0;
  }

  .process-timeline::before {
    left: auto;
    right: 28px;
  }

  .process-step {
    text-align: right;
    padding-left: 0;
    padding-right: 72px;
  }

  .step-number {
    left: auto;
    right: 0;
  }
}

@media (max-width: 767px) {
  .about-images img:nth-child(2) {
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: auto;
  }

  .whatsapp-float {
    left: 16px;
    right: auto;
  }

  .back-to-top {
    left: 16px;
    right: auto;
  }
}