/*
 * IWIN Pages : version arabe (de droite à gauche).
 * Chargé seulement sur les pages arabes. Le sens de lecture vient de <html dir="rtl"> ;
 * ce fichier corrige les marges et alignements écrits pour le français, et retourne les flèches.
 * Les photos (<img>) ne sont JAMAIS retournées.
 */

/* Police arabe, et pas d'espacement entre les lettres (il casse les liaisons de l'écriture arabe). */
html[dir="rtl"] .iwin-page, html[dir="rtl"] .iwin-nav, html[dir="rtl"] .iwin-pied, html[dir="rtl"] .iwin-cat, html[dir="rtl"] .iwin-pd, html[dir="rtl"] .iwin-barre-mobile {
	--sans: "IBM Plex Sans Arabic", "Plus Jakarta Sans", "Segoe UI", Tahoma, sans-serif;
	--serif: "IBM Plex Sans Arabic", "Plus Jakarta Sans", Tahoma, sans-serif;
}
html[dir="rtl"] .iwin-page *, html[dir="rtl"] .iwin-nav *, html[dir="rtl"] .iwin-pied *, html[dir="rtl"] .iwin-cat *, html[dir="rtl"] .iwin-pd * { letter-spacing: 0 !important; }
html[dir="rtl"] .iwin-cat, html[dir="rtl"] .iwin-pd, html[dir="rtl"] .iwin-cat *, html[dir="rtl"] .iwin-pd * { font-family: "IBM Plex Sans Arabic", "Plus Jakarta Sans", Tahoma, sans-serif; }
html[dir="rtl"] .iwin-page.iwin-page h1 em, html[dir="rtl"] .iwin-page.iwin-page h2 em, html[dir="rtl"] .iwin-cat em, html[dir="rtl"] .iwin-pd em { font-style: normal !important; font-weight: 700 !important; font-size: 1em !important; }
html[dir="rtl"] .iwin-page.iwin-page h1, html[dir="rtl"] .iwin-page.iwin-page h2, html[dir="rtl"] .iwin-page.iwin-page h3 { line-height: 1.35 !important; }
html[dir="rtl"] .iwin-page.iwin-page p, html[dir="rtl"] .iwin-page.iwin-page li { line-height: 1.8; }

/* Alignement du texte. */
html[dir="rtl"] .iwin-page, html[dir="rtl"] .iwin-nav.iwin-nav, html[dir="rtl"] .iwin-pied.iwin-pied, html[dir="rtl"] .iwin-cat, html[dir="rtl"] .iwin-pd { text-align: right; }
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .spec caption, html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .spec th, html[dir="rtl"] .iwin-page.iwin-home.iwin-home .onglets a { text-align: right; }
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .spec th { padding-right: 0; padding-left: 16px; }
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .rappel dd, html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .references span, html[dir="rtl"] .iwin-page.iwin-home.iwin-home .references span, html[dir="rtl"] .iwin-page.iwin-home.iwin-home .repere { text-align: left; }
html[dir="rtl"] .iwin-page.iwin-home.iwin-home .repere { right: auto; left: calc(var(--gouttiere) + 110px); }

/* Éléments poussés en bout de ligne. */
html[dir="rtl"] .iwin-nav.iwin-nav .iwin-nav-actions, html[dir="rtl"] .iwin-nav.iwin-nav .iwin-nav-burger,
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .nav, html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .burger, html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .ancres .btn,
html[dir="rtl"] .iwin-page.iwin-home.iwin-home .nav, html[dir="rtl"] .iwin-page.iwin-home.iwin-home .burger { margin-left: 0; margin-right: auto; }

/* Séparateurs verticaux entre colonnes : du côté droit au côté gauche. */
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .chiffres div:nth-child(even),
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .chiffres.trois div + div,
html[dir="rtl"] .iwin-page.iwin-home.iwin-home .atouts li + li { padding-left: 0; border-left: 0; padding-right: 20px; border-right: 1px solid var(--filet); }
html[dir="rtl"] .iwin-page.iwin-home.iwin-home .atouts li + li { padding-right: 28px; border-right-color: var(--filet-clair); }
html[dir="rtl"] .iwin-page.iwin-home.iwin-home .atouts li:nth-child(odd), html[dir="rtl"] .iwin-page.iwin-home.iwin-home .chiffres li:first-child, html[dir="rtl"] .iwin-page.iwin-home.iwin-home .chiffres li:nth-child(odd) { padding-right: 0; border-right: 0; }
html[dir="rtl"] .iwin-page.iwin-home.iwin-home .signature span { padding-left: 0; border-left: 0; padding-right: 18px; border-right: 1px solid rgba(201, 168, 106, 0.6); }
@media (max-width: 760px) {
	html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .chiffres.trois div + div { padding-right: 0; border-right: 0; }
}

/* Petites marges à côté des unités et des séparateurs. */
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .chiffres dd span, html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .capacite dd span, html[dir="rtl"] .iwin-page.iwin-home.iwin-home .chiffres b small { margin-left: 0; margin-right: 4px; }
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .fil li + li::before { margin-right: 0; margin-left: 10px; }
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .faq summary::after { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .sommaire a:hover { padding-left: 0; padding-right: 6px; }
html[dir="rtl"] .iwin-page.iwin-home.iwin-home .onglets a[data-actif] { padding-left: 0; padding-right: 16px; }
html[dir="rtl"] .iwin-page.iwin-home.iwin-home .onglets a::after { transform-origin: right; }
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .frise li::after, html[dir="rtl"] .iwin-page.iwin-home.iwin-home .frise li::after { left: auto; right: 0; }
html[dir="rtl"] .iwin-page.iwin-page .article-texte ul { padding-left: 0 !important; padding-right: 22px !important; }
html[dir="rtl"] .iwin-page .iwin-gf .gform_wrapper.gform_wrapper.gform_wrapper .ginput_container > select { padding-right: 16px !important; padding-left: 40px !important; background-position: left 16px center !important; }
html[dir="rtl"] .iwin-nav.iwin-nav .mm-etapes a::before { left: auto; right: 8px; }

/* Lignes « Nos solutions » : la flèche passe à gauche et pointe vers la gauche. */
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .solutions a.solution::after { content: "←"; right: auto; left: 14px; transform: translateX(6px); }

/* Flèches dessinées (SVG) : retournées pour pointer dans le sens de lecture. Jamais les photos. */
/* Seules les icônes « flèche » (tracé M5 12h14…) sont visées : le logo WhatsApp et les autres icônes restent intacts. */
html[dir="rtl"] svg:has(> path[d^="M5 12h14"]), html[dir="rtl"] .iwin-page .fleches svg { transform: scaleX(-1); }
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .lien:hover svg:has(> path[d^="M5 12h14"]), html[dir="rtl"] .iwin-page.iwin-home.iwin-home .lien:hover svg:has(> path[d^="M5 12h14"]), html[dir="rtl"] .iwin-nav.iwin-nav .mm .mm-lien:hover svg:has(> path[d^="M5 12h14"]) { transform: scaleX(-1) translateX(5px); }
html[dir="rtl"] .iwin-page img, html[dir="rtl"] .iwin-cat img, html[dir="rtl"] .iwin-pd img, html[dir="rtl"] .iwin-nav img, html[dir="rtl"] .iwin-pied img { scale: none; }

/* Dégradés des bandeaux et du hero : le voile foncé passe du côté du texte, à droite (demande de Marc). Les photos ne bougent pas. */
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .bandeau::before { background: linear-gradient(260deg, var(--bordeaux-fonce) 0, rgba(74, 19, 34, 0.94) 34%, rgba(74, 19, 34, 0.35) 62%, rgba(43, 10, 19, 0.1) 100%); }
html[dir="rtl"] .iwin-page.iwin-inner.iwin-inner .bandeau.haut::before { background: linear-gradient(260deg, var(--bordeaux-fonce) 0, rgba(74, 19, 34, 0.95) 40%, rgba(74, 19, 34, 0.6) 68%, rgba(43, 10, 19, 0.2) 100%); }
html[dir="rtl"] .iwin-page.iwin-home.iwin-home .eau::before { background: linear-gradient(270deg, rgba(11, 42, 46, 0.95) 0, rgba(11, 42, 46, 0.78) 36%, rgba(11, 42, 46, 0) 70%); }
@media (min-width: 861px) {
	html[dir="rtl"] .iwin-page.iwin-home.iwin-home .hero::before {
		background:
			linear-gradient(180deg, rgba(43, 10, 19, 0.6) 0, rgba(43, 10, 19, 0) 26%, rgba(43, 10, 19, 0) 70%, rgba(43, 10, 19, 0.7) 100%),
			linear-gradient(270deg, rgba(43, 10, 19, 0.94) 0, rgba(74, 19, 34, 0.74) 36%, rgba(74, 19, 34, 0) 64%);
	}
}

html[dir="rtl"] .iwin-cat .iwin-cat-head-image::before, html[dir="rtl"] .iwin-cat-head-image::before { background: linear-gradient(260deg, var(--iwin-bordeaux-fonce) 0, rgba(74, 19, 34, 0.94) 36%, rgba(74, 19, 34, 0.4) 64%, rgba(43, 10, 19, 0.1) 100%); }
html[dir="rtl"] .iwin-pd .iwin-pd-download, html[dir="rtl"] .iwin-pd-download { border-left: 1px solid var(--iwin-filet); border-right: 6px solid var(--iwin-laiton); }

/* Le bandeau des marques défile comme en français (noms en lettres latines). */
html[dir="rtl"] .iwin-page.iwin-home.iwin-home .marques-piste { direction: ltr; }

/* Numéros de téléphone, adresses e-mail et références restent de gauche à droite. */
html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"], html[dir="rtl"] .iwin-cat-ref, html[dir="rtl"] .iwin-pd-ref { unicode-bidi: plaintext; }