/* Conteneur centré */
.lecteur {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

/* Lecteur limité en largeur */
.lecteur .aplayer {
  width: 50%;
  max-width: 600px;
  display: block;
  background: linear-gradient(to top,rgba(255,255,255, 0.8),rgba(0, 0, 0, 0));
  position: relative;
  color: black;
  text-shadow: 0px 0px 2px white,0px 0px 2px white;
}

/* Corps et liste respectent la largeur */
.lecteur .aplayer .aplayer-body,
.lecteur .aplayer .aplayer-list {
  width: 100%;
  background-color: rgba(0,0,0,0);
  border: none !important;
}

/* Bouton téléchargement */
.aplayer .list-download-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #888;
  font-size: 16px;
  margin-left: auto;
}
.aplayer .list-download-btn:hover {
  color: #000;
}

/* Liste li en flex pour alignement texte / bouton */
.aplayer-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 2px solid rgba(0,0,0,0.2) !important;
  border-top: none !important;
}

/* Supprime ascenseur par défaut */
.aplayer .aplayer-list-wrap {
  overflow-y: visible !important;
}

/* Style pour l'année affichée */
.track-year {
  font-size: 1em;
  color: #666;
}

/* Conteneur de la cover */
.aplayer .aplayer-pic-wrapper,
.aplayer .aplayer-pic {
  width: 85px !important;    /* largeur du conteneur */
  background-color: rgba(0,0,0,0) !important;
  margin: 10px;
}

/* Supprime le gradient ou overlay éventuel */
.aplayer .aplayer-pic:before,
.aplayer .aplayer-pic-wrapper:before {
    content: none !important;
}

/* L'image elle-même */
.aplayer .aplayer-pic img {
  width: 100% !important;
  object-fit: cover;          /* garde les proportions */
  border-radius: 5px;         /* optionnel */
  background-color: rgba(0,0,0,1);
}