/* AEL/css/ligne7.css
   Corrections iPhone UNIQUEMENT pour la ligne 7 (Inclassables)
   - Ne touche pas à l’ordi (règles uniquement < 576px)
   - Scope : uniquement dans la card .myline7
*/

@media (max-width: 576px){

  /* Ligne en flex : siècle | pointillés | artiste (pour TOUTES les stations) */
  .myline7 ul.timeline > li{
    display: flex !important;
    align-items: baseline !important;
    white-space: nowrap !important;
  }

  /* Siècle : à gauche */
  .myline7 ul.timeline > li .when{
    flex: 0 0 auto !important;
    width: auto !important;
    margin-right: 10px !important;
  }

  /* Pointillés : on repart de "tout caché" puis on ré-affiche UNIQUEMENT celui juste après .when */
  .myline7 ul.timeline .sep{
    display: none !important;
  }

  .myline7 ul.timeline > li > .when + .sep{
    display: inline-block !important;
    flex: 1 1 auto !important;
    height: 0 !important;
    border-bottom: 2px dotted rgba(255,255,255,0.55) !important;
    margin: 0 10px !important;
    transform: translateY(-2px) !important;
  }

  /* On s’assure qu’il n’y a jamais de pointillés après l’artiste */
  .myline7 ul.timeline > li > .station + .sep,
  .myline7 ul.timeline > li > a.station + .sep{
    display: none !important;
  }

  /* Artiste : poussé à droite + “marge droite” = padding-left (48px) */
  .myline7 ul.timeline > li .station{
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
    text-align: right !important;
    padding-right: 48px !important;
    white-space: nowrap !important;
  }

  /* Bio : reste masquée sur iPhone (sécurité) */
  .myline7 ul.timeline .bio{
    display: none !important;
  }
}
@media (max-width: 576px){

  /* Bandeau iPhone spécifique Ligne 7 */
  body::before{
    content: "L7 : Les inclassables" !important;
    background-color: var(--info) !important; /* fallback ci-dessous si besoin */
  }
}