/* === SKY-PORTAIL – correctif unifié thème / z-index / fond (2025-08-18) === */
:root{
  --bg-image: url("https://skyrock.fm/_next/static/media/maintenance.398af913.jpg");
  --tile-bg: rgba(6,18,70,0.86);         /* bleu nuit uniforme (toutes tuiles) */
  --tile-bd: rgba(255,255,255,0.06);
  --tile-txt:#eaf1ff;
  --shadow: 0 12px 50px rgba(3,10,40,.45);
}

/* 1) Un seul fond, fixé derrière tout */
html,body{height:100%;}
body{background:#061545;}
body::before{
  content:"";
  position:fixed; inset:0;
  background-image:var(--bg-image);
  background-size:cover; background-position:center;
  filter:saturate(110%) brightness(.72);
  z-index:-1;      /* toujours derrière */
}

/* 2) Désactiver tous les anciens fonds (héros/legacy/inline) */
#app,.app,.hero,.banner,.page,.page-bg,
.hero::before,.banner::before,.page::before,
.bg-image,.bg-overlay,.legacy-bg,.old-bg{
  background:transparent !important;
  background-image:none !important;
}
[style*="background-image"]{
  background-image:none !important;
}

/* 3) Tuiles : un même rendu partout + au-dessus du fond */
.tile,.card,.module,.panel,.box,.widget,
.telex-card,.player-card,.icecast-card,
section.card, .card > .content, .module > .content{
  background:var(--tile-bg) !important;
  color:var(--tile-txt) !important;
  border:1px solid var(--tile-bd) !important;
  border-radius:18px !important;
  box-shadow:var(--shadow) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  position:relative; z-index:5;
}

/* Boutons = rouges (uniforme) */
.btn,.button,.cta,.chip button, a.btn{
  background:#e0242a !important; border:0 !important; color:#fff !important;
}
.btn:hover{ filter:brightness(1.05); }

/* 4) Empêcher qu’une tuile passe dessous (empilage) */
.tiles,.grid,.cards{position:relative; z-index:5;}
.tile *{position:relative;}

/* 5) En-tête toujours au-dessus, widgets uniquement en haut */
.site-header, header{position:sticky; top:0; z-index:1000;}
.widgets-row, .widgets-duplicate {display:none !important;} /* supprime les doublons */