/* ------------------------------------------------------------------
   Arabe (RTL) — chargé seulement quand is_rtl().
   Le style-rtl.min.css du thème parent contient « .rtl{direction:ltr} »
   (déclaration inversée par erreur lors de la génération RTL) : la page
   restait en LTR alors que les positions Elementor étaient, elles,
   inversées (image du hero collée à gauche, texte par-dessus).
   ------------------------------------------------------------------ */
html[dir="rtl"] body.rtl {
    direction: rtl;
}

/* Numéros de téléphone : toujours lus de gauche à droite (sinon « 26 32 59 44 6 212+ ») */
html[dir="rtl"] a[href^="tel:"] {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Bouton WhatsApp flottant (en bas à gauche) : l'icône reste collée au bord gauche */
html[dir="rtl"] .bw-wa {
    flex-direction: row;
}

/* ---------- Slider du hero (accueil) ---------- */

/* Photo : la découpe courbe (clip-path SVG d'Elementor, côté gauche) passe du côté du texte,
   donc à droite ; on retourne le conteneur puis l'image pour qu'elle reste à l'endroit. */
@media (min-width: 768px) {
    html[dir="rtl"] .bw-hero-slide .bw-media > .e-con {
        transform: scaleX(-1);
    }
    html[dir="rtl"] .bw-hero-slide .bw-media > .e-con img {
        transform: scaleX(-1);
    }

    /* Chameau / van : débordent sur la zone de texte comme en français (marge négative inversée).
       Le titre arabe occupe toute sa largeur : le chameau déborde un peu moins (35 % au lieu de 45 %)
       et il est retourné pour regarder vers le texte, comme en français. */
    html[dir="rtl"] .bw-hero-slide .bw-media > .bw-subject {
        margin-left: 0 !important;
        margin-right: -35% !important;
    }
    html[dir="rtl"] .bw-hero-slide .bw-media > .bw-subject:not(.bw-van) img {
        transform: scaleX(-1);
    }
    html[dir="rtl"] .bw-hero-slide .bw-media > .bw-subject.bw-van {
        margin-right: -28% !important;
    }
}

/* Mobile : le chameau passe en bas à gauche de la photo et regarde vers le centre */
@media (max-width: 767px) {
    html[dir="rtl"] .bw-hero-slide .bw-media .bw-subject:not(.bw-van) {
        right: auto;
        left: 5%;
    }
    html[dir="rtl"] .bw-hero-slide .bw-media .bw-subject:not(.bw-van) img {
        transform: scaleX(-1);
    }
}

/* Sous-titre limité à la largeur du titre : la ligne arabe, très longue, passait sous le van */
@media (min-width: 768px) {
    html[dir="rtl"] .bw-hero-slide .bw-text > .elementor-widget-text-editor {
        max-width: 80%;
    }
}

/* Flèches : « suivant » à gauche, « précédent » à droite, chevrons retournés */
html[dir="rtl"] .bw-prev {
    left: auto;
    right: 18px;
}
html[dir="rtl"] .bw-next {
    left: 18px;
    right: auto;
}
html[dir="rtl"] .bw-arrow {
    transform: translateY(-50%) scaleX(-1);
}

/* Carrousels Swiper du thème (packs, avis…) : Swiper passe bien en RTL, mais les chevrons
   des boutons de navigation externes restent orientés LTR ; on les retourne. */
html[dir="rtl"] .swiper-nav-button {
    scale: -1 1;
}