/* Kleurenpalet */
:root {
    --oranje: #f28c28;
    --zwart: #000000;
    --grijs: #f2f2f2;
    --wit: #ffffff;
}

/*Zorgt voor oranje gekleurde letters*/
.text-orange {
    color: #ff6600;
}

/* Tussenruimte links/rechts kaarten fotos + tekst*/
.custom-card-spacing {
    margin-left: 1%;
    margin-right: 1%;
}

/* Tekst over de afbeelding zonder flex voor kaarten met tekst*/
.overlay {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6); /* Donkere overlay */
    color: white;
    padding: 2%;
}

/* Zorg dat de kaart gecentreerd is op een responsieve manier */
.custom-cover-card {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%; /* Responsive breedte */
}

/* Afbeelding schaalt mee met scherm - cover muziek */
.custom-cover-card img {
    max-width: 70%;
    height: auto;
}