#discographie .release-title {
  color: #fff;
  text-shadow: 0 0 2px rgba(255,255,255,0.25); /* glow doux pour le "EP —" */
}

#discographie .release-title .accent {
  background: linear-gradient(90deg, rgb(30, 144, 255), rgb(255, 44, 44)); /* bleu → rouge */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  
  filter: brightness(0.7); /* 70% de luminosité */
  /* Halo lumineux plus franc */
  text-shadow: 0 0 0px rgba(255,255,255,0.6);
}
.track-title {
  font-family: var(--font-tech, 'Orbitron', sans-serif);
  font-weight: 700;
  font-size: 0.8rem;
  color: var(--accent, #ffffff); /* même couleur que ton accent global */
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
}

.logo-nav {
  height: 80px;   /* ajuste selon ton logo */
  width: auto;
  display: block;
}
.navbar-brand .font-display {
  color: #fff;   /* blanc */
}
/* Galerie: overlay centré + zoom (scopé à .gallery) */
.gallery .cover {
  position: relative;
  display: block;
  overflow: hidden;
  isolation: isolate;
}
.gallery .cover img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform .35s ease;
}
.gallery .cover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
  opacity: 0;
  transition: opacity .35s ease;
  z-index: 0;
}
.gallery .cover .cover-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-48%);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  opacity: 0;
  transition: opacity .35s ease, transform .35s ease;
  pointer-events: none;
  z-index: 1;
}
/* Effets au survol (et focus clavier) */
.gallery .cover:hover img,
.gallery .cover:focus-visible img { transform: scale(1.05); }
.gallery .cover:hover::before,
.gallery .cover:focus-visible::before { opacity: 1; }
.gallery .cover:hover .cover-title,
.gallery .cover:focus-visible .cover-title {
  opacity: 1;
  transform: translate(-50%,-50%);
}


/* Bouton Infos en hover -> jaune */
.btn-abyss:hover {
  background-color: #ffc107 !important; /* jaune Bootstrap */
  color: #000 !important;              /* texte noir pour contraste */
  border-color: #ffc107 !important;
}

/* État désactivé (grisé) */
.btn-abyss.disabled, 
.btn-abyss:disabled {
  opacity: 0.5;
  pointer-events: none; /* pas cliquable */
}

#booking label,
#booking .form-label,
#booking .text-secondary,
#booking .form-check-label {
  color: #ddd !important; /* gris clair lisible sur fond sombre */
}

#booking input,
#booking textarea {
  color: #fff; /* texte dans les champs */
  background-color: rgba(255, 255, 255, 0.05); /* léger contraste */
  border: 1px solid rgba(255, 255, 255, 0.2);
}

#booking input::placeholder,
#booking textarea::placeholder {
  color: #aaa;
}
/* A) Styles de base (et sûrs) pour l'agenda */
#agenda .event {
  display: flex;               /* garantit l'affichage même si un reset le masque */
  align-items: center;
  gap: 1rem;
  padding: .75rem 1rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .75rem;
  background: rgba(255,255,255,.03);
}

#agenda .event .date {
  width: 64px;
  text-align: center;
  line-height: 1;
}

#agenda .event .date .d {
  font-size: 1.6rem;
  font-weight: 800;
}

#agenda .event .fw-bold { color: #fff; }
#agenda .event .text-secondary { color: #bbb; }  /* plus clair sur fond sombre */
#agenda .btn-abyss.btn-sm, 
#agenda .btn-electric.btn-sm { padding: .35rem .6rem; }

/* B) Garde-fou reveal : ne JAMAIS masquer par défaut */
#agenda .reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}