/* =========================================================
   LUTETIAN CHAUFFEUR — Version arabe (/ar/) : police arabe et lecture de droite à gauche
   Chargée uniquement par les pages arabes, après style.css.
   ========================================================= */
@font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-300.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-400.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-500.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-600.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }

:root {
  --sans: 'IBM Plex Sans Arabic', 'Manrope', 'Helvetica Neue', Arial, sans-serif;
  --serif: 'IBM Plex Sans Arabic', 'Manrope', Georgia, serif;
}
html[dir="rtl"] body { font-family: var(--sans); line-height: 1.85; }

/* L'espacement entre lettres casse la liaison des lettres arabes : supprimé partout, sauf sur la marque latine */
html[dir="rtl"] body *:not(.logo, .logo *, .hero__brand, .hero__brand *) { letter-spacing: 0 !important; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { line-height: 1.45; }

/* Marque, logo et grand titre restent en écriture latine de gauche à droite */
html[dir="rtl"] .logo, html[dir="rtl"] .hero__brand { direction: ltr; }

/* Flèches du récapitulatif orientées dans le sens de lecture */
html[dir="rtl"] .bk__chip svg { transform: scaleX(-1); }

/* Carrousels pilotés en JavaScript (défilement horizontal) : mécanique gauche → droite, textes en arabe */
html[dir="rtl"] .bk__carwrap, html[dir="rtl"] .bk__pills { direction: ltr; }
html[dir="rtl"] .bk__car, html[dir="rtl"] .bk__pill { direction: rtl; }

/* Bandeau de logos : défile toujours dans le même sens */
html[dir="rtl"] .marquee { direction: ltr; }

/* Champs : numéros de téléphone, e-mails, dates et heures restent lisibles */
html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="email"], html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: plaintext; }
html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="email"] { text-align: right; }

/* Suggestions d'adresses : texte à droite */
html[dir="rtl"] .bk__ac li { text-align: right; }

/* Accueil, bloc « La flotte » : même disposition que la version anglaise (texte à gauche, voitures à droite), texte en arabe */
html[dir="rtl"] .fleet__intro { direction: ltr; }
html[dir="rtl"] .fleet__intro .section-head { direction: rtl; }
html[dir="rtl"] .header__right .lang + .lang { margin-left: 0; margin-right: -12px; }
@media (max-width: 1200px) { html[dir="rtl"] .header__right .lang { margin-right: 0; margin-left: 6px; } html[dir="rtl"] .header__right .lang + .lang { margin-right: 0; } }
@media (max-width: 480px) { html[dir="rtl"] .header__right .lang { margin-left: 4px; } }
/* Pastille de langue réunie, sens de droite à gauche */
html[dir="rtl"] .header__right .lang:has(+ .lang) { border-radius: 0 999px 999px 0; border-right-width: 1px; border-left-width: 0; }
html[dir="rtl"] .header__right .lang + .lang { border-radius: 999px 0 0 999px; margin-left: 0 !important; margin-right: calc(-1 * clamp(10px, 1.1vw, 22px)) !important; }
@media (max-width: 900px) { html[dir="rtl"] .header__right .lang + .lang { margin-right: -22px !important; } html[dir="rtl"] .header__right .lang:last-of-type { margin-right: 0 !important; margin-left: 10px !important; } }
@media (min-width: 901px) {
  html[dir="rtl"] .header .logo { margin-right: 0; margin-left: clamp(18px, 2.2vw, 44px); }
  html[dir="rtl"] .header__right { margin-left: 0; margin-right: clamp(12px, 1.2vw, 24px); }
}