/* ======= Base (inchangé) ======= */
body {
  background-image: url('images/1000081676.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-color: #1a1a1a;
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding-top: 40px; /* Réduit un peu car plus de NAV */
  overflow-x: hidden;
}

/* === NOUVEAU STYLE === */
.welcome-message {
  width: 90%;
  max-width: 800px;
  margin: 20px auto 40px auto;
  padding: 20px;
  background-color: rgba(10,20,30,.5);
  border-radius: 15px;
  border: 1px solid rgba(0,217,255,.3);
  backdrop-filter: blur(10px);
  text-align: center;
}
.welcome-message h2 {
  font-family:'Orbitron',sans-serif; 
  color:#fff; 
  font-size:1.8em; 
  margin: 0 0 10px 0;
  text-shadow:0 0 5px rgba(0,217,255,.7);
}
.welcome-message p {
  color: #eee;
  font-size: 1.1em;
  margin: 0;
}


/* Lecteur radio (inchangé) */
.radio-player {
  width: 350px;
  margin: 0 auto 20px auto;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.7);
  overflow: hidden;
  position: relative;
  border: 2px solid #00d9ff;
}
.radio-player::before {
  content:'';
  position:absolute; inset:0;
  background-color: rgba(0,0,0,0.6);
  backdrop-filter: blur(5px);
  z-index:1;
}
.player-content { position:relative; z-index:2; padding:25px; display:flex; flex-direction:column; align-items:center; text-align:center; color:#fff; }

.radio-title {
  font-family: 'Orbitron', sans-serif;
  font-size: 2.8em;
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
  text-shadow: 0 0 5px rgba(0,217,255,.7), 0 0 10px rgba(0,217,255,.7), 0 0 20px rgba(0,217,255,.7);
  animation: float 6s ease-in-out infinite;
}
@keyframes float { 0%{transform:translateY(0)} 50%{transform:translateY(-10px)} 100%{transform:translateY(0)} }

.now-playing p { margin:0; font-size:.8em; color:#00d9ff; text-transform:uppercase; letter-spacing:1px; }
.now-playing h3 { margin:5px 0 20px; font-family:'Orbitron',sans-serif; font-size:1.2em; text-shadow:0 0 5px #fff, 0 0 10px #ff00c1, 0 0 15px #ff00c1; }

.player-controls { display:flex; flex-direction:column; align-items:center; width:100%; }
.control-btn {
  background: linear-gradient(145deg, #00d9ff, #ff00c1);
  border:none; width:70px; height:70px; border-radius:50%;
  color:#fff; font-size:2em; cursor:pointer; margin-bottom:20px;
  box-shadow:0 5px 15px rgba(0,217,255,.4); transition:all .2s ease;
}
.control-btn:hover { transform:scale(1.1); box-shadow:0 8px 25px rgba(255,0,193,.6); }

.volume-container { display:flex; align-items:center; width:100%; justify-content:center; }
.volume-container i { color:#00d9ff; margin:0 10px; }
#volume-slider {
  -webkit-appearance:none; appearance:none; width:60%; height:5px; background:#444; outline:none; border-radius:5px;
}
#volume-slider::-webkit-slider-thumb {
  -webkit-appearance:none; appearance:none; width:18px; height:18px; background:#ff00c1; border-radius:50%;
  cursor:pointer; border:2px solid #fff;
}


/* LES STYLES POUR L'AGENDA, LE BANDEAU D'ACTUS, LES LIENS UTILES ONT ÉTÉ SUPPRIMÉS */


/* Footer (inchangé) */
footer {
  background-color: rgba(10,20,30,.7);
  border-top: 1px solid rgba(0,217,255,.3);
  color:#ccc; padding:30px 20px; text-align:center; margin-top:60px;
}
.footer-content{ max-width:800px; margin:0 auto; }
.social-links{ margin-bottom:20px; }
.social-links a{ color:#00d9ff; font-size:1.8em; margin:0 15px; transition:color .3s, transform .3s; }
.social-links a:hover{ color:#ff00c1; transform:scale(1.2); }
.contact-email a{ color:#ccc; text-decoration:none; transition:color .3s; }
.contact-email a:hover{ color:#fff; }
.contact-email i{ margin-right:8px; color:#ff00c1; }
.copyright{ margin-top:20px; font-size:.8em; color:#888; }


/* Styles pour le streaming (inchangés) */
.wrap.stream-flex{ min-height:100vh; display:flex; flex-direction:column; }
.grid.push-bottom{ margin-top:auto; }
.section-intro{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:12px 14px; border:1px solid #242437; border-radius:14px;
  background:linear-gradient(180deg,#151525,#0f0f16);
  box-shadow:0 8px 30px rgba(0,0,0,.35);
  margin: 8px 0 10px;
}
.section-intro h3{margin:0; font-size:1.1rem}
.section-intro p{margin:4px 0 0; color:#9aa0a6; font-size:.92rem}
.chips{display:flex; flex-wrap:wrap; gap:8px}
.chip{
  padding:6px 10px; border-radius:999px; font-weight:600; font-size:.82rem;
  border:1px solid #2a2a36; background:#14141c; color:#ddd; user-select:none;
}
.chip.live{ background:#e50914; border-color:#e50914; color:#fff; }
.card{ position:relative; }
.meta .submeta{ margin:.15rem 0 0; font-size:.8rem; color:#9aa0a6; }
.live-badge{
  position:absolute; top:8px; left:8px; z-index:2;
  display:none; align-items:center; gap:6px;
  background:rgba(229,9,20,0.95); color:#fff; font-weight:700; font-size:.72rem;
  padding:4px 8px; border-radius:999px; letter-spacing:.5px;
  box-shadow:0 2px 10px rgba(0,0,0,.35);
}
.live-badge .dot{ width:8px; height:8px; border-radius:50%; background:#fff; box-shadow:0 0 10px #fff; }
.live-on .live-badge{ display:inline-flex; }

/* Météo (inchangé) */
.weather-mini{
  position:fixed; top:10px; right:12px;
  font-size:12px; line-height:1; opacity:.85;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px; padding:6px 8px;
  color:#e7eef7; z-index:9999; backdrop-filter: blur(3px);
  pointer-events:none;
}