/* ========================= INDEX ========================= */

.services {
    background-color: #A9C2D8;
}

/* --- Grille de cours : images de fond individuelles --- */
.liste-cours {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.cours {
    position: relative;
    background-size: cover;
    background-position: center;
    color: white;
    width: 100%;
    padding: 220px 20px 20px 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 4px rgba(0,0,0,0.50);
}

/* Overlay sombre pour lisibilité */
.cours::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 60%);
    z-index: 0;
}

.cours h3,
.cours a {
    position: relative;
    z-index: 1;
}

/* Images individuelles par cours */
.cours:nth-child(1) { background-image: url("../assets/images/guitare.webp"); }
.cours:nth-child(2) { background-image: url("../assets/images/baterrie.webp"); }
.cours:nth-child(3) { background-image: url("../assets/images/piano.webp"); }
.cours:nth-child(4) { background-image: url("../assets/images/chant.webp"); }

.cours a {
    color: white;
}

/* Section contact/CTA index */
.contact {
    position: relative;
    text-align: center;
}

.contact .contenu {
    position: relative;
    z-index: 1;
}