/* ==========================================================================
   Ajustements RTL (arabe) — chargé uniquement quand lang = ar
   La majorité de la mise en miroir est gérée par les propriétés logiques
   (margin-inline, inset-inline, text-align:start…). Ici, on corrige
   seulement ce qui ne se reflète pas automatiquement.
   ========================================================================== */

html[dir="rtl"] {
    /* L'arabe n'a pas de casse : on neutralise l'espacement des "eyebrows" */
    --tracking-eyebrow: 0;
}

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .footer-col h4,
html[dir="rtl"] .project-card__cat,
html[dir="rtl"] .project-detail__cat,
html[dir="rtl"] .contact-item__label,
html[dir="rtl"] .badge {
    letter-spacing: 0;
    text-transform: none;
}

/* Léger ajustement de l'interligne pour l'arabe (diacritiques) */
html[dir="rtl"] body { line-height: 1.7; }
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 { letter-spacing: 0; line-height: 1.3; }

/* Le halo du hero passe à gauche */
html[dir="rtl"] .hero::before {
    inset-inline-end: auto;
    inset-inline-start: -10%;
}

/* Listes : la puce custom utilise déjà inset-inline-start (OK) */

/* Icône flèche déjà gérée dans components.css via scaleX(-1) */

/* Process : numéros restent LTR (chiffres) */
html[dir="rtl"] .process-step::before { direction: ltr; }

/* Code / éléments techniques toujours en LTR */
html[dir="rtl"] code,
html[dir="rtl"] .ltr { direction: ltr; unicode-bidi: embed; display: inline-block; }