/* ===== Fonds de page (verrouillés) ===== */
body.home-bg{
  background-image:url("https://skyrock.fm/images/bg-single-animateurs.png") !important;
  background-size:cover !important; background-attachment:fixed !important;
  background-position:center !important; background-repeat:no-repeat !important;
}
body.icecast-bg{
  background-image:url("https://skyrock.fm/_next/static/media/maintenance.398af913.jpg") !important;
  background-size:cover !important; background-attachment:fixed !important;
  background-position:center !important; background-repeat:no-repeat !important;
}
/* Neutralise des grandes couches visuelles qui recollent un fond */
body > .hero, body > .page-hero, body > .masthead, body > .backdrop, body > .page-bg,
body > .background, body > .banner-bg{
  background-image:none !important; filter:none !important;
}
body::before, body::after{ background-image:none !important; }

/* ===== Tuile Icecast : pas d image de fond sur l accueil ===== */
[data-tile="icecast"], .tile-icecast, #tile-icecast{
  background-image:none !important;
}
[data-tile="icecast"] .bg, [data-tile="icecast"] .hero, [data-tile="icecast"] .cover,
[data-tile="icecast"] .tile-cover, [data-tile="icecast"] .banner, [data-tile="icecast"] .illustration,
.tile-icecast .bg, .tile-icecast .hero, .tile-icecast .cover,
.tile-icecast .tile-cover, .tile-icecast .banner, .tile-icecast .illustration,
#tile-icecast .bg, #tile-icecast .hero, #tile-icecast .cover,
#tile-icecast .tile-cover, #tile-icecast .banner, #tile-icecast .illustration{
  display:none !important;
}

/* ===== En écoute : éviter le player dupliqué ===== */
[data-tile="listen"] audio[controls]:nth-of-type(n+2),
[data-tile="listen"] .player:nth-of-type(n+2),
[data-tile="listen"] .volume-wrap:nth-of-type(n+2){
  display:none !important;
}

/* ===== Grille propre pour les tuiles ===== */
/* On n active le grid QUE si le conteneur est marqué par notre JS (classe .sky-grid) */
.sky-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(360px, 1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
  max-width:1280px; margin:0 auto; padding:12px;
}
.sky-grid > *{ margin:0 !important; }

/* Petit style pour l emoji 📡 dans le titre Icecast */
.sky-emoji{
  margin-right:.4rem; font-size:1.1em; line-height:1;
  display:inline-block; transform:translateY(.04em);
}