/* Chemin de progression en langue d'interface écrite de droite à gauche (arabe, hébreu, ourdou).
 * Chargée seulement dans ces langues (player.html.php), après CSS/course-path.css.
 *
 * #nprog impose direction: ltr (ecoach_n.css, pour le hub et l'ancienne vue) : tout le chemin en
 * héritait, barre et popups comprises, alors que la page est en dir="rtl". On rétablit le sens ici.
 * Le flex, les listes et le texte s'inversent seuls ; ce fichier ne reprend que les positions
 * physiques de course-path.css. Le zigzag s'inverse dans ui/app.js (Step). */
html[dir="rtl"] #course-path,
html[dir="rtl"] .cpath-pres,
html[dir="rtl"] #course-sm-teaser,
html[dir="rtl"] .cpath-load {
  direction: rtl;
}

/* Restent en sens gauche-droite : sprite de l'oiseau (dessiné en positions absolues, il se déplace
 * par coordonnées écran) et courbe de progression (le temps va de gauche à droite). */
html[dir="rtl"] .cpath-bird,
html[dir="rtl"] .cpath-curve {
  direction: ltr;
}

/* ——— Barre du cours et bouton retour ——— */
html[dir="rtl"] .cpath-back svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .cpath-back {
  padding: 0 8px 0 12px;
}
html[dir="rtl"] .cpath-head .cpath-back {
  padding: 0;
}
html[dir="rtl"] #h-infos > .c > .cpath-back {
  margin-right: 0;
  margin-left: 10px;
}
@media (max-width: 899px) {
  html[dir="rtl"] .cpath-head {
    padding: 10px 10px 10px 12px;
  }
}
@media (max-width: 600px) {
  html[dir="rtl"] .cpath-back {
    padding: 0 8px;
  }
}

/* Bouton d'inscription du header, vue image + fiche et barre du cours : en line-height normal, la
 * police arabe le monte à 50 px contre 37,5 px en français. */
html[dir="rtl"] #login_right_view .signup-button {
  line-height: 1.35;
}

/* ——— Étapes du chemin ——— */
html[dir="rtl"] .cpath-label--card {
  padding: 8px 8px 8px 14px;
}
html[dir="rtl"] .cpath-label.cpath-label--bubble {
  margin-left: 0;
  margin-right: -18px;
}

/* ——— Pied fixe et bouton Objectifs de la semaine ——— */
html[dir="rtl"] .cpath-foot .logomenu .tablinks2 + .tablinks2 {
  border-left: 0 !important;
  border-right: 1px solid rgb(0 0 0 / 8%) !important;
}
html[dir="rtl"] .cpath-fab-count {
  right: auto;
  left: -5px;
}
html[dir="rtl"] .cpath-more__list .tablinks2 > .infos {
  text-align: right;
}

/* ——— Popups ——— */
html[dir="rtl"] .cpath-close {
  right: auto;
  left: 12px;
}
@media (max-width: 640px) {
  html[dir="rtl"] .cpath-close {
    left: 10px;
  }
}
html[dir="rtl"] .cpath-recall {
  left: 130px;
  right: 18px;
}
html[dir="rtl"] .cpath-ring,
html[dir="rtl"] .cpath-waves__moon {
  right: auto;
  left: 39px;
}
html[dir="rtl"] .cpath-legend {
  padding: 0 0 0 2px;
}
html[dir="rtl"] .cpath-act {
  text-align: right;
}
html[dir="rtl"] .cpath-act__go {
  margin-left: 0;
  margin-right: auto;
}

/* ——— Écran de chargement et liste SEO (remplacée au montage) ——— */
html[dir="rtl"] .cpath-load__pct {
  text-align: right;
}
html[dir="rtl"] #course-path .cpath-ssr ol {
  padding-left: 0;
  padding-right: 20px;
}