/* Afbeelding bovenaan kaart geen extra ruimte */
.card-img-top {
    display: block;
}

/* Card footer zelfde kleur en padding als de card header */
.card-footer {
    background-color: transparent;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Card header verticaal centreren en iets meer ruimte */
.card-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.card-header .card-title {
    margin-bottom: 0;
}

/* Kaartekleuren specifiek voor openingsuren-pagina */

.txt-shop     { color: var(--lichtpetroleum); font-weight: bold; }
.txt-ruimtes  { color: var(--petroleum);      font-weight: bold; }
.txt-programma{ color: var(--goud);           font-weight: bold; }
.txt-afspraak { color: var(--geel);           font-weight: bold; }

a.txt-shop:hover     { color: var(--white) !important; background-color: var(--lichtpetroleum) !important; border-color: var(--white) !important; }
a.txt-ruimtes:hover  { color: var(--white) !important; background-color: var(--petroleum)       !important; border-color: var(--white) !important; }
a.txt-programma:hover{ color: var(--white) !important; background-color: var(--goud)            !important; border-color: var(--white) !important; }
a.txt-afspraak:hover { color: var(--white) !important; background-color: var(--geel)            !important; border-color: var(--white) !important; }

.update { color: #aee1e2; }

/* Bootstrap 5.3 zet een witte tabelachtergrond via --bs-table-bg — hier transparant maken zodat de kaartkleur zichtbaar blijft */
.openingsuren {
    --bs-table-bg: transparent;
    --bs-table-color: var(--white);
}