/* =============================================================================
   SALOUA — Surcharge RTL (arabe)
   Chargée uniquement quand la langue est l'arabe.
   ============================================================================= */

/* Polices arabes : titres en Amiri (serif élégant), texte en Cairo */
.lang-ar body,
body.lang-ar {
    font-family: 'Cairo', 'Segoe UI', sans-serif;
    font-weight: 400;
}
.lang-ar h1, .lang-ar h2, .lang-ar h3, .lang-ar h4,
.lang-ar .brand, .lang-ar .hero-title, .lang-ar .section-title {
    font-family: 'Amiri', 'Playfair Display', serif;
}

/* L'espacement de lettres casse les ligatures arabes : on le neutralise */
.lang-ar,
.lang-ar * {
    letter-spacing: normal !important;
}

/* Direction des éléments positionnés */
.lang-ar .main-nav a:not(.nav-cta)::after { left: auto; right: 0; }
.lang-ar .music-type { left: auto; right: 14px; }
.lang-ar .lightbox-close { right: auto; left: 32px; }
.lang-ar .back-to-top { right: auto; left: 28px; }
.lang-ar .event-row:hover { padding-left: 0; padding-right: 12px; }

/* Le hero reste centré, on agrandit un peu pour l'arabe */
.lang-ar .hero-title { line-height: 1.1; }
.lang-ar .hero-eyebrow,
.lang-ar .section-eyebrow { font-weight: 600; }

/* Boutons : conserver l'alignement centré */
.lang-ar .btn { letter-spacing: normal; }
.lang-ar .btn-text:hover { letter-spacing: normal; }

/* Listes du footer : l'alignement suit déjà dir=rtl, rien à forcer */

/* Sélecteur de langue : petit ajustement visuel en arabe */
.lang-ar .lang-switch { font-family: 'Poppins', sans-serif; }