body{
margin:0;
background:transparent;
  overflow-x: hidden; /* 👈 AJOUT IMPORTANT */
  overflow:hidden; /* 🔥 supprime la barre */
}


/* PLAYER */

.radio-player{
position:relative;
width:100%;
max-width:851px;
aspect-ratio:851/315;
background:url("fond lecteur.png") center/cover no-repeat;
overflow:hidden;
  /* 👇 AJOUT */
margin: 0 auto;

}

/* ON AIR */

.onair{
position:absolute;
top:10px;
right:15px;
color:red;
font-weight:bold;
font-size:36px;
animation:blink 1s infinite;
text-shadow:0 0 10px red;
}

@keyframes blink{
50%{opacity:0.3;}
}

/* CONTROLES */

.controls{
position:absolute;
top:50%;
right:110px; /* 🔥 marge à droite */
transform:translateY(-50%); /* centre vertical uniquement */

display:flex;
gap:10px;
background:rgba(0,0,0,0.65);
padding:6px 10px;
border-radius:30px;
align-items:center;
}


/* BOUTON */

#playBtn{
background:none;
border:none;
padding:0;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
}

#playBtn img{
width:60px;
height:60px;
transition:0.2s;
}

#playBtn:hover img{
transform:scale(1.1);
}

/* VOLUME */

#volume{
width:200px;
}

/* MOBILE */

@media (max-width:600px){

.onair{
font-size:18px;
top:6px;
right:10px;
}

.controls{
right:25px; /* un peu plus serré mobile */
padding:4px 8px;
gap:6px;
}

#playBtn img{
width:48px;
height:48px;
}

#volume{
width:120px;
}

}