/* Version arabe : écriture de droite à gauche. Chargé uniquement sur les pages en arabe. */

:root {
  --font-display: 'IBM Plex Sans Arabic', 'Inter Tight', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans Arabic', 'Inter', system-ui, sans-serif;
}
/* L'espacement négatif des titres casserait les liaisons entre les lettres arabes */
html[dir='rtl'] body * { letter-spacing: 0 !important; }
.display, .headline { line-height: 1.25; }
.hero .display { line-height: 1.2; }

/* Numéros et sens des flèches */
a[href^='tel:'] { direction: ltr; unicode-bidi: isolate; }
.back-link .icon, .btn .icon, .text-link .icon, .fz-teaser-go .icon, .cfg-teaser-arrow, .path-go .icon, .next-title .icon, .orbit-detail-link .icon, .renov-audit-link .icon { transform: scaleX(-1); }
.btn:hover .icon { transform: scaleX(-1) translateX(2px); }
.text-link:hover .icon, .fz-teaser:hover .fz-teaser-go .icon, .fz-home:hover .fz-teaser-go .icon, .cfg-teaser:hover .cfg-teaser-arrow { transform: scaleX(-1) translateX(3px); }
.next-link:hover .next-title .icon { transform: scaleX(-1) translateX(8px); }

/* En-tête */
.lang-panel { right: auto; left: 0; }
@media (max-width: 1023px) {
  .header-actions { margin-left: 0; margin-right: auto; }
}

/* Diaporama de l'accueil */
.hero-controls { left: auto; right: var(--gutter); }
.hero-dots { margin-left: 0; margin-right: -8px; }
.hero-dot span::after { transform-origin: right; }
.hero-caption { right: auto; left: var(--gutter); text-align: left; }
.hero-signature { right: auto; left: var(--gutter); }
@media (max-width: 640px) {
  .hero-caption { right: auto; left: var(--gutter); }
}

/* Construire ou rénover */
.path-text { padding: var(--s3) var(--s3) var(--s3) calc(var(--s3) + 4.5rem); }
.path-go { right: auto; left: var(--s3); }
.path:hover .path-go { transform: translateX(-4px); }
@media (max-width: 639px) {
  .path-text { padding: var(--s2) var(--s2) var(--s2) calc(var(--s2) + 4rem); }
  .path-go { right: auto; left: var(--s2); }
}

/* Comparateur et visionneuse : les images gardent leur sens */
.ba-frame, .lightbox { direction: ltr; }

/* Détails */
.facts dd { text-align: left; }
.form-summary ul { padding-left: 0; padding-right: 1.25rem; }
.cfg-teaser { text-align: right; }
.skip-link { left: auto; right: 1rem; }
select { padding-right: 1rem; padding-left: 2.5rem; background-position: left 1rem center; }
.hp { left: auto; right: -9999px; }