/* Hoppa – réglages communs pour l'arabe (droite à gauche). Les miroirs automatiques sont dans rtl-*.css */
html[dir=rtl] body,html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{font-family:"IBM Plex Sans Arabic","Manrope",system-ui,sans-serif}
/* l'espacement négatif des lettres casse la liaison des caractères arabes */
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{line-height:1.35}
/* flèches « suivant / précédent » et chevrons : on les retourne */
html[dir=rtl] svg:has(path[d^="M5 12h14"]),html[dir=rtl] svg:has(path[d^="m9 6 6 6"]),html[dir=rtl] svg:has(path[d^="m15 6-6 6"]),html[dir=rtl] svg:has(path[d^="M9 21H5"]),html[dir=rtl] svg:has(path[d^="M2 16l20-6"]){transform:scaleX(-1)}
/* numéros de téléphone, e-mails, références : toujours de gauche à droite */
html[dir=rtl] a[href^="tel:"],html[dir=rtl] a[href^="mailto:"],html[dir=rtl] input[type=tel],html[dir=rtl] input[type=email],html[dir=rtl] .ltr{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] input[type=tel],html[dir=rtl] input[type=email]{text-align:right}
/* le logo et le nom de marque restent en latin */
html[dir=rtl] .logo,html[dir=rtl] .wordmark{direction:ltr}
html[dir=rtl] .crumb{unicode-bidi:plaintext}