/*css/style_global.css*/
/* RESET ET BASE */
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* MODE SITE : FOND BLANC */
body.mode-blanc {
    background-color: #ffffff !important;
    color: #333333;
}

/* MODE PRIVE / IMAGE : CORRECTION ICI
   On met l'image sur le body, et le flou sur le ::before
*/
body.mode-image, 
body.page-inscription {
    /* L'image est au niveau le plus bas */
    background: url('../views/img/banderole.jpg') center/cover no-repeat fixed !important;
    position: relative;
    z-index: 1;
}

/* LE VOILE ET LE FLOU */
body.mode-prive::before,
body.mode-image::before,
body.page-inscription::before {
    content: "";
    position: fixed;
    inset: 0;
    /* Le voile noir et le flou viennent par-dessus l'image */
    background: rgba(0, 0, 0, 0.7) !important; 
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    z-index: -1; /* Derrière le contenu, mais devant l'image du body */
    pointer-events: none;
}

/* ESPACEMENT SECTIONS */
.section-padding {
    padding: 80px 0;
}

/* CARTES CONCERTS ET SERVICES */
.feature-item, .concert-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 15px;
    border: 1px solid rgba(0,0,0,0.1);
}

body.mode-blanc .feature-item {
    background: #f8f9fa;
}


/*BOUTON STANDARD DE VALIDATION*/

/* Bouton Standard Musique - Utilisable partout */
.btn-rock {
    background: transparent !important;
    border: 2px solid #ff4d4d !important; /* Bordure rouge "Rock" */
    color: #ff4d4d !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
}

.btn-rock:hover {
    background: #ff4d4d !important; /* Remplissage au survol */
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(255, 77, 77, 0.4) !important;
    transform: translateY(-2px);
}