/* Styles de base pour démarrer une nouvelle page */

html, body {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Image de fond du site : remplacez l'URL par votre propre image */
  background-image: url("background.jpg");
  background-size: cover;        /* l'image remplit tout l'écran */
  background-position: center;   /* centrée */
  background-repeat: no-repeat;  /* pas de répétition */
  color: #000000;
}

a {
  color: inherit;
  text-decoration: none;
}

/* Ajoutez vos styles ici */

/* Player audio "caché" (contrôlé par un bouton image) */
#radio-player {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

/* Bouton image en haut à gauche */
#play-toggle {
  position: fixed;
  top: 10px;
  left: 10px;
  height: 64px;
  width: auto;
  cursor: pointer;
  user-select: none;
}

/* Carrousel d'images en pleine page */
.carousel {
  position: fixed;
  inset: 0;              /* top:0; right:0; bottom:0; left:0 */
  z-index: -1;           /* passe derrière le reste (audio, etc.) */
}

.carousel img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;     /* l'image remplit l'écran sans se déformer */
  display: block;
}