/* --- Logo flottant responsive --- */
.hero-logo {
    width: 800px;
    height: auto;
    animation: floatLogo 3s ease-in-out infinite;
}

/* Animation flottante */
@keyframes floatLogo {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/*********/
/* CONTACT */
/*********/

/* Pop-up flash responsive */
#flash-message.flash-popup {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    background-color: #ff5c5c !important;
    color: white !important;
    padding: 15px 20px !important;
    border-radius: 10px !important;
    z-index: 99999 !important;
    max-width: 90%;           /* s’adapte aux petits écrans */
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

/* texte et croix */
.flash-popup .flash-text {
    flex: 1;
    font-weight: bold;
    font-size: 1rem;
}

.flash-popup .flash-close {
    margin-left: 15px;
    font-weight: bold;
    cursor: pointer;
    font-size: 1.2rem;
}

.concerts-section {
  padding: 80px 20px;
  background-color: #f5f5f5;
}

.concerts-section h2 {
  text-align: center;
  margin-bottom: 40px;
}

.concerts-grid {
    display: flex;               /* flex pour rester sur une ligne */
    flex-wrap: wrap;             /* passe à la ligne si pas assez d’espace */
    justify-content: center;     /* centrer les cards horizontalement */
    gap: 2rem;                   /* espace entre les cards */
}