/* ============================================================
   PAGE MIEL — ARNAUD DONEZ
   Pas de header, pas de footer — layout standalone
   ============================================================ */

.musique-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  padding: 2rem var(--page-padding);
  gap: 1.5rem;
}

/* --- Nav "Retour au site" --- */

.musique-nav {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.musique-nav__retour {
  font-size: var(--fs-body);
  color: var(--color-black);
}

.musique-nav__retour:hover {
  color: var(--color-black);
}

.musique-nav__bee {
  height: 28px;
  width: auto;
}

/* --- Carte --- */

.musique-card {
  border: 1px solid black;
  width: 100%;
  max-width: 340px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.musique-card__photo {
  width: 100%;
  height: auto;
  padding-top: 20px;
  display: block;
}

.musique-card__info {
  padding: 1rem 1rem 0rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

.musique-card__title {
  font-size: var(--fs-title);
  font-weight: var(--fw-semibold);
  color: var(--color-black);
}

.musique-card__link {
  font-size: var(--fs-body);
  color: var(--color-orange);
  text-decoration: underline;
}

.musique-card__link:hover {
  color: var(--color-orange);
}

/* --- Lecteur audio natif --- */

.musique-card__player {
  padding: 0.5rem 1rem;
}

.musique-card__player .audio-player {
  width: 100%;
}