Mission

Mission : une interface arabe qui s'affiche à l'envers

Convertir un composant physique en propriétés logiques pour qu'il fonctionne nativement en RTL, et diagnostiquer un mélange incohérent.

Contexte

Sur carte.css, .carte-notification est stylée en margin-left: 16px; padding-left: 12px; text-align: left; border-left: 3px solid var(--couleur-primaire);. Le produit passe en <html lang="ar" dir="rtl"> pour le marché arabophone. Résultat : la bordure colorée reste collée à gauche (là où l'œil termine sa lecture en RTL au lieu de la commencer), et le texte reste aligné à gauche au lieu de suivre le sens de lecture naturel de droite à gauche.