/* ========================================
   BookInDZ RTL (Arabic) Overrides
   ======================================== */

[dir="rtl"] {
  font-family: 'Noto Sans Arabic', 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] .hero-title,
[dir="rtl"] .section-title,
[dir="rtl"] .font-display {
  font-family: 'Noto Sans Arabic', 'DM Sans', sans-serif;
  font-weight: 700;
}

[dir="rtl"] .hero-title em {
  font-style: normal;
  color: var(--primary-green);
}

[dir="rtl"] .store-btn-text {
  text-align: right;
}

[dir="rtl"] .nav-link::after {
  left: auto;
  right: 0;
}

[dir="rtl"] .footer-links-col a:hover {
  padding-left: 0;
  padding-right: 4px;
}

[dir="rtl"] .hero-bg-shape {
  right: auto;
  left: -10%;
}

[dir="rtl"] .hero-trust {
  flex-direction: row-reverse;
}

[dir="rtl"] .usp-card {
  text-align: right;
}

[dir="rtl"] .newsletter-band__copy .section-title,
[dir="rtl"] .newsletter-band .section-eyebrow,
[dir="rtl"] .newsletter-band__lead {
  text-align: right;
}

[dir="rtl"] .newsletter-benefits li {
  flex-direction: row-reverse;
}

[dir="rtl"] .step-number {
  right: auto;
  left: 16px;
}

[dir="rtl"] .step-connector::after {
  right: auto;
  left: -4px;
  transform: rotate(225deg);
}

[dir="rtl"] .carousel-track {
  direction: ltr;
}

[dir="rtl"] .slide-caption {
  direction: rtl;
}

[dir="rtl"] .download-cta::before {
  right: auto;
  left: -20%;
}

[dir="rtl"] .info-item {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .info-item a {
  direction: ltr;
  unicode-bidi: plaintext;
}

[dir="rtl"] .contact-info {
  align-items: flex-end;
}

[dir="rtl"] .social-links {
  justify-content: flex-end;
}

[dir="rtl"] .form-group label {
  text-align: right;
}

[dir="rtl"] .form-group input,
[dir="rtl"] .form-group select,
[dir="rtl"] .form-group textarea {
  text-align: right;
}

[dir="rtl"] .btn-submit {
  align-self: flex-start;
}

[dir="rtl"] .lang-dropdown-list {
  right: auto;
  left: 0;
}

[dir="rtl"] .discover-footnote i {
  margin-right: 0;
  margin-left: 6px;
}

@media (max-width: 768px) {
  [dir="rtl"] .step-connector::after {
    right: auto;
    left: -4px;
    transform: rotate(135deg);
  }
}
