/* Barre du bas mobile du chemin (moins de 900 px), décision de Christophe du 11/11/2026 : le compte
 * (#user_tab) monte dans la barre du haut. Le bouton « Continuer » de la barre, ajouté le même jour,
 * est retiré ensuite (demande de Christophe).
 * Règles de base de la barre : course-path.css (.cpath-foot.is-bar, .cpath-bar__*). Structure :
 * javascripts/course-path/ui/views/foot-bar.js. Chargé après course-path.css (player.html.php). */
@media (max-width: 899px) {
  /* Compte dans la barre du haut : icône seule, comme dans la barre du bas avant (mêmes remises à
     zéro que .cpath-foot.is-bar .tablinks2). Visiteur : #user_tab est masqué par le site
     (auth-buttons-css.php), « Se connecter » et « S'inscrire » sont déjà là. */
  .cpath-head__tools > #user_tab {
    position: static;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: none !important;
  }
  .cpath-head__tools > #user_tab .icon {
    position: static !important;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    fill: #29a9a4;
  }
  .cpath-head__tools > #user_tab > .infos {
    display: none !important;
  }
  /* Visiteur (#login_right_view visible) : pas d'icône de compte à côté de « Se connecter » et
     « S'inscrire », qui remplissent déjà la barre ; même règle que pour la barre du bas
     (course-path.css). L'onglet reste dans le DOM : le player le déclenche par script. */
  html:has(#login_right_view:not(.dnonei)) .cpath-head__tools > #user_tab {
    display: none !important;
  }
}