/* Delivery Dudes — RTL overrides (Arabic) */

html[dir="rtl"] body {
  font-family: 'Cairo', 'Plus Jakarta Sans', sans-serif;
}

html[dir="rtl"] .navbar .container,
html[dir="rtl"] .navbar-nav,
html[dir="rtl"] .navbar-actions,
html[dir="rtl"] .hero-ctas,
html[dir="rtl"] .hero-trust,
html[dir="rtl"] .store-buttons,
html[dir="rtl"] .wizard-nav,
html[dir="rtl"] .promo-flow,
html[dir="rtl"] .referral-visual,
html[dir="rtl"] .contact-grid,
html[dir="rtl"] .footer-grid-v2,
html[dir="rtl"] .cta-grid,
html[dir="rtl"] .partner-grid,
html[dir="rtl"] .features-grid,
html[dir="rtl"] .stats-grid,
html[dir="rtl"] .testimonials-grid,
html[dir="rtl"] .form-row,
html[dir="rtl"] .tracking-status-row,
html[dir="rtl"] .dashboard-stats {
  direction: rtl;
}

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

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

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

html[dir="rtl"] .timeline::before {
  left: auto;
  right: 28px;
}

html[dir="rtl"] .timeline-content:hover {
  transform: translateX(-8px);
}

html[dir="rtl"] .faq-question {
  text-align: right;
}

html[dir="rtl"] .faq-answer-inner {
  text-align: right;
}

html[dir="rtl"] .contact-info-item,
html[dir="rtl"] .delete-step,
html[dir="rtl"] .contact-form,
html[dir="rtl"] .form-group label,
html[dir="rtl"] .form-check label {
  text-align: right;
}

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

html[dir="rtl"] .promo-arrow {
  transform: scaleX(-1);
}

html[dir="rtl"] .carousel-btn[data-carousel-prev],
html[dir="rtl"] .carousel-btn[data-carousel-next] {
  transform: scaleX(-1);
}

/* Keep screenshots, phone mockups, and dashboard preview LTR */
html[dir="rtl"] .phone-mockup,
html[dir="rtl"] .carousel-phone,
html[dir="rtl"] .gallery-phone,
html[dir="rtl"] .marketing-screen-frame,
html[dir="rtl"] .carousel-track,
html[dir="rtl"] .screenshots-gallery,
html[dir="rtl"] .dashboard-preview,
html[dir="rtl"] .dashboard-body,
html[dir="rtl"] .phone-screen,
html[dir="rtl"] .tracking-ui {
  direction: ltr;
}

html[dir="rtl"] .section-header,
html[dir="rtl"] .hero-content,
html[dir="rtl"] .app-page-header,
html[dir="rtl"] #partner-why .section-header,
html[dir="rtl"] .download-card,
html[dir="rtl"] .stat-card,
html[dir="rtl"] .feature-card,
html[dir="rtl"] .partner-card,
html[dir="rtl"] .cta-card,
html[dir="rtl"] .promo-step,
html[dir="rtl"] .referral-flow-step {
  text-align: center;
}

html[dir="rtl"] .hero-grid {
  direction: rtl;
}

html[dir="rtl"] .hero-content {
  text-align: right;
}

@media (max-width: 1024px) {
  html[dir="rtl"] .hero-content {
    text-align: center;
  }
}

html[dir="rtl"] .float-card--1 { left: auto; right: -6%; }
html[dir="rtl"] .float-card--2 { left: auto; right: -15%; }
html[dir="rtl"] .float-card--3 { right: auto; left: -5%; }
html[dir="rtl"] .float-card--4 { left: auto; right: -8%; }
html[dir="rtl"] .float-card--5 { right: auto; left: -4%; }

@media (max-width: 1280px) {
  html[dir="rtl"] .float-card--1 { right: 0; }
  html[dir="rtl"] .float-card--3 { left: 2%; }
  html[dir="rtl"] .float-card--5 { left: 6%; }
}

@media (max-width: 1024px) {
  html[dir="rtl"] .float-card--1 { right: 4%; }
  html[dir="rtl"] .float-card--2 { right: 2%; }
  html[dir="rtl"] .float-card--3 { left: 8%; }
  html[dir="rtl"] .float-card--4 { right: 6%; }
  html[dir="rtl"] .float-card--5 { left: 10%; }
}

html[dir="rtl"] .back-to-top {
  right: auto;
  left: 24px;
}

html[dir="rtl"] .mobile-menu a {
  text-align: right;
}

html[dir="rtl"] .store-btn span {
  text-align: right;
}

html[dir="rtl"] .footer-bottom {
  text-align: center;
}

html[dir="rtl"] .footer-col {
  text-align: right;
}

html[dir="rtl"] .footer-brand {
  text-align: right;
}

@media (max-width: 768px) {
  html[dir="rtl"] .promo-flow {
    flex-direction: column;
  }
  html[dir="rtl"] .promo-arrow {
    transform: rotate(90deg);
  }
}