/* ============================================================
   HUPFAST RTL — rtl.css
   Arabic / RTL typography and directional enhancements
   ============================================================ */

[dir="rtl"] {
  font-family: var(--font-ar);
  direction: rtl;
  text-align: right;
}

[dir="rtl"] body {
  font-family: var(--font-ar);
}

/* Typography refinements for Arabic */
[dir="rtl"] .hero-headline,
[dir="rtl"] .section-heading,
[dir="rtl"] .section-subheading,
[dir="rtl"] .product-name,
[dir="rtl"] .hero-sub {
  letter-spacing: 0 !important;
}

/* Navigation */
[dir="rtl"] .nav-links {
  margin-inline-start: unset;
  margin-inline-end: auto;
}

/* Arrow Link in RTL */
[dir="rtl"] .arrow-link svg {
  transform: scaleX(-1);
}
[dir="rtl"] .arrow-link:hover svg {
  transform: scaleX(-1) translateX(3px);
}

/* Button icon flip in RTL */
[dir="rtl"] .btn .btn-icon {
  transform: scaleX(-1);
}
[dir="rtl"] .btn:hover .btn-icon {
  transform: scaleX(-1) translateX(4px);
}

/* Form select arrow */
[dir="rtl"] select.form-control {
  background-position: left 16px center;
  padding-right: 16px;
  padding-left: 40px;
}

/* Mobile nav slide from right in RTL */
[dir="rtl"] .mobile-nav {
  transform: translateX(100%);
}
[dir="rtl"] .mobile-nav.open {
  transform: translateX(0);
}

[dir="ltr"] .mobile-nav {
  transform: translateX(-100%);
}
[dir="ltr"] .mobile-nav.open {
  transform: translateX(0);
}

/* Hero alignments in RTL */
[dir="rtl"] .hero-content {
  text-align: right;
  align-items: flex-start;
}

[dir="rtl"] .hero-actions {
  justify-content: flex-start;
}