/* =====================================================================
   WEB 213 — Ajustements pour l'arabe (direction RTL)
   La mise en page utilise déjà des propriétés logiques
   (inset-inline, padding-inline, margin-inline) : ce fichier ne traite
   que les rares cas qui ne se retournent pas automatiquement.
   ===================================================================== */

html[dir="rtl"] {
  letter-spacing: 0;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 { letter-spacing: 0; }

/* Les nombres, montants et numéros de téléphone restent lus de gauche
   à droite, même au sein d'un texte arabe. */
html[dir="rtl"] .ltr,
html[dir="rtl"] .otp,
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] .price,
html[dir="rtl"] .shop-url {
  direction: ltr;
  text-align: right;
  unicode-bidi: plaintext;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="password"] { text-align: right; }

/* Le champ téléphone est intégralement traité en LTR : indicatif, icône et
   chiffres restent dans l'ordre naturel d'un numéro international, sinon
   « +213 » se retrouverait à droite du numéro. */
html[dir="rtl"] .control.has-prefix { direction: ltr; }
html[dir="rtl"] .control.has-prefix .input { text-align: left; }

/* Icônes directionnelles (flèches « suivant », chevrons) */
html[dir="rtl"] .flip-rtl { transform: scaleX(-1); }

/* Le liseré décoratif de la carte reste centré */
html[dir="rtl"] .auth-card::before { inset-inline: 18%; }

/* Le dégradé de texte doit être recalculé dans le sens RTL */
html[dir="rtl"] .auth-aside h1 .grad {
  background: linear-gradient(250deg, var(--brand-500), var(--accent-500));
  -webkit-background-clip: text;
  background-clip: text;
}