/* ===== Arabo / RTL - da caricare dopo styles.css e home.css ===== */

html[dir="rtl"] {
  --font-primary: 'Cairo', 'Libre Franklin', -apple-system, sans-serif;
  --font-serif: 'Amiri', 'Source Serif 4', Georgia, serif;
}

/* L'arabo e' corsivo: la spaziatura fra lettere rompe le legature. */
[dir="rtl"] body,
[dir="rtl"] .logo,
[dir="rtl"] .btn,
[dir="rtl"] .slide-label,
[dir="rtl"] .section-label,
[dir="rtl"] .activity-card-link,
[dir="rtl"] .project-location,
[dir="rtl"] .footer h4,
[dir="rtl"] .home-nav-btn,
[dir="rtl"] .mobile-nav a,
[dir="rtl"] .main-nav a {
  letter-spacing: normal;
}

/* Le sigle IT | EN | AR restano nell'ordine latino. */
[dir="rtl"] .lang-switcher,
[dir="rtl"] .home-lang-switcher {
  direction: ltr;
}

/* ===== Header ===== */
[dir="rtl"] .logo {
  margin: -16px -24px -16px 0;
}

[dir="rtl"] .header-centered .main-nav {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] .header-centered .menu-toggle {
  right: auto;
  left: 24px;
}

@media (max-width: 768px) {
  [dir="rtl"] .header-centered .menu-toggle {
    margin-left: 0;
    margin-right: auto;
  }
}

/* ===== Elenchi puntati ===== */
[dir="rtl"] .content-list li {
  padding-left: 0;
  padding-right: 24px;
}

[dir="rtl"] .content-list li::before {
  left: auto;
  right: 0;
}

/* ===== Carosello hero ===== */
[dir="rtl"] .carousel-prev {
  left: auto;
  right: 24px;
}

[dir="rtl"] .carousel-next {
  right: auto;
  left: 24px;
}

/* ===== Pagina intro con video ===== */
[dir="rtl"] .home-lang-switcher,
[dir="rtl"] .home-skip-btn {
  right: auto;
  left: 24px;
}

[dir="rtl"] .home-music-btn {
  left: auto;
  right: 24px;
}

/* I pulsanti entrano dal lato opposto. */
[dir="rtl"] .home-nav-btn {
  transform: translateX(50px);
}

/* ===== Carosello prodotti =====
   La traccia parte dal bordo destro e le copie si estendono verso sinistra,
   quindi lo scorrimento va invertito di segno per restare in loop. */
@keyframes wholesale-scroll-rtl {
  0% { transform: translateX(0); }
  100% { transform: translateX(50%); }
}

[dir="rtl"] .wholesale-carousel-track {
  animation-name: wholesale-scroll-rtl;
}