/* ------------------------------------------------------------------
   Espace client — ajustements pour l'arabe (dir="rtl")

   Chargée uniquement quand la fiche du client porte la langue « ar ».
   L'administration, elle, reste en français et de gauche à droite : cette
   feuille ne concerne que /espace/.

   Comme sur le site public, le gros de la mise en page repose sur flexbox
   et grid, qui s'inversent d'eux-mêmes sous dir="rtl" ; seules les règles
   directionnelles écrites en dur demandent un miroir.
------------------------------------------------------------------ */

/* ---------------------------------------------------------- structure */
.esp-hd-d { margin-left: 0; margin-right: auto; }
.cmd-m    { margin-left: 0; margin-right: auto; text-align: left; }
@media (max-width: 760px) { .cmd-m { margin-right: 0; text-align: right; } }

.cmd-a .inline-form,
.paye-ok { margin-left: 0; margin-right: auto; }

/* ---------------------------------------------------------- tableaux */
.tbl td, .tbl th { text-align: right; }
.ar              { text-align: left; }

/* ---------------------------------------------------------- listes et filets */
.etapes { padding-left: 0; padding-right: 20px; }

.esp-prochaine,
.pax-bloc { border-left: 0; border-right: 3px solid var(--or); }

.esp-lgs a + a { border-left: 0; border-right: 1px solid rgba(255, 255, 255, .3); }

.diag li:before { left: auto; right: 0; }

/* ---------------------------------------------------------- bidi
   Un montant, un numéro de bon, un email ou un téléphone latin posé dans
   un paragraphe arabe est démonté par l'algorithme bidi : « +33 6 58 25 68
   31 » s'affiche « 31 68 25 58 6 33+ », le signe + ayant migré à l'autre
   bout, et « BC-2026-0001 » devient « 0001-2026-BC ». Les caractères
   neutres (+, -, espaces, @, /) prennent la direction de leur voisinage.

   unicode-bidi: isolate rend leur ordre propre à ces fragments. C'est
   indispensable ici : un numéro de bon de commande inversé rend le
   document inexploitable pour le client comme pour vous. */
.num,
a[href^="tel:"],
a[href^="mailto:"],
code,
.esp-ref,
.cmd-m b,
.tbl .ar {
  direction: ltr;
  unicode-bidi: isolate;
}

/* ---------------------------------------------------------- formulaires */
/* Les dates, heures, téléphones et emails se saisissent de gauche à
   droite : un format jj/mm/aaaa inversé serait illisible. */
input[type="date"],
input[type="time"],
input[type="tel"],
input[type="email"],
input[type="number"] {
  direction: ltr;
  text-align: right;
}

/* ---------------------------------------------------------- typographie */
/* Poppins ne dessine aucun glyphe arabe : sans police de repli nommée, le
   navigateur retombe sur sa police système, dont la hauteur d'œil jure
   avec le reste de la page. */
body,
input, select, textarea, button {
  font-family: 'Poppins', 'Noto Naskh Arabic', 'Geeza Pro', 'Segoe UI',
               'Tahoma', 'Arial', system-ui, sans-serif;
}
/* L'arabe n'a pas de capitales : petites capitales et interlettrage des
   titres n'ont aucun sens et abîment les ligatures. */
h2, .esp-nav a, .bdg, .esp-course-h {
  text-transform: none;
  letter-spacing: normal;
}
body { line-height: 1.75; }
h1, h2, h3 { line-height: 1.45; }