/* Styles propres à la page podcasts_list.php (déplacés depuis le fichier PHP, sans modification). */
  



.podcast-hero {
  position: relative;
  overflow: hidden;
  height: 400px;            /* <-- tu forces directement la hauteur */
  display: flex;            /* pour centrer proprement */
  align-items: center;
  justify-content: center;
  margin-top: 2000;            /* au cas où */
}

.podcast-hero__bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(300px 400px at 10% -10%, rgba(255,64,129,.25), transparent 60%),
    linear-gradient(135deg, #ff4081 0%, #2b0a1c 35%, #121212 65%, #000 100%);
  filter: saturate(105%);
  opacity: .95;
}

.podcast-hero__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
}

.podcast-hero__icon {
  font-size: 28px;    /* réduit pour ne pas casser la hauteur */
  margin-bottom: 2px;
}

.podcast-hero h1 {
  font-size:clamp(22px, 3vw, 32px); /* mini mais pro */
}

.podcast-hero__tagline {
  font-size: .8rem;
  margin-top: 2px;
  opacity: 0.75;
}
/* ======= FILTREUR ======= */
.podcast-filters {
  display:flex;flex-wrap:wrap;gap:18px;margin-bottom:36px;
  background:#111;border:1px solid #222;border-radius:14px;padding:20px;justify-content:center;
}
.filter-group{display:flex;flex-direction:column;min-width:160px;}
.filter-group label{font-weight:600;color:#ccc;margin-bottom:6px;font-size:.9rem;}
.filter-group select,.filter-group input[type="date"]{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#eee;padding:8px 10px;}
.filter-btn{align-self:flex-end;background:linear-gradient(135deg,#ff4081,#7c1f3e);border:none;border-radius:999px;padding:10px 22px;color:#fff;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:transform .2s,box-shadow .2s;}
.filter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,64,129,.3);}

/* ======= GRILLE ======= */
.podcast-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px;
}
.podcast-card{
  background:#0f0f0f;border-radius:14px;overflow:hidden;border:1px solid #222;
  transition:transform .3s ease,box-shadow .3s ease;
}
.podcast-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px rgba(255,64,129,.25);}
.podcast-thumb{position:relative;height:200px;overflow:hidden;}
.podcast-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.podcast-card:hover img{transform:scale(1.08);}
.podcast-show_name{
  position:absolute;bottom:10px;left:10px;
  background:rgba(255,64,129,.85);border-radius:999px;padding:3px 10px;
  font-size:.75rem;font-weight:600;color:#fff;
}
.podcast-info{padding:16px;}
.podcast-info h3{font-size:1rem;color:#fff;margin:0 0 6px;}
.podcast-info p{font-size:.9rem;color:#bbb;margin-bottom:12px;line-height:1.4;}
.podcast-meta{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#ccc;}
.btn-listen{
  background:linear-gradient(135deg,#ff4081,#7c1f3e);
  border-radius:999px;padding:6px 14px;color:#fff;text-decoration:none;font-weight:600;
  transition:transform .2s ease,box-shadow .2s ease;
}
.btn-listen:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,64,129,.3);}
@media(max-width:600px){.podcast-filters{flex-direction:column;align-items:stretch;}}







.btn-listen {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--primary-color, #e53935);
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 0.9rem;
  font-family: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s ease;
  line-height: 1;
}

.btn-listen i {
  font-size: 1.2rem;
  vertical-align: middle;
}

.btn-listen:hover {
  background: var(--primary-hover, #c62828);
}

/* 🔒 Pour neutraliser le style par défaut des <button> */
button.btn-listen {
  appearance: none;
  -webkit-appearance: none;
  background: var(--primary-color, #e53935);
}
/* === Version mobile : suppression du bandeau de dédicaces === */
@media (max-width: 768px) {
  .dedicace-bar {
    display: none !important;
  }
}