/* Styling voor de nieuwe afbeelding kolom in de event tabel */
.wb_ticket_image {
    width: 75px;  /* Stel de breedte van de afbeelding in */
    height: 75px; /* Stel de hoogte van de afbeelding in */
    object-fit: cover;  /* Zorg ervoor dat de afbeelding het vak goed vult */
    border-radius: 5px;  /* Maak de hoeken van de afbeelding afgerond */
    margin-right: 10px;  /* Voeg wat ruimte toe rechts van de afbeelding */
}

/* Styling voor de tabelheader van de afbeelding */
th {
    text-align: left; /* Zorg ervoor dat de titel netjes uitgelijnd is */
    padding: 10px; /* Voeg wat padding toe voor de tabelheaders */
    background-color: #f5f5f5; /* Stel de achtergrondkleur van de header in */
    font-weight: bold; /* Maak de tekst vetgedrukt */
}

/* Styling voor de tabelcell van de afbeelding */
td {
    padding: 10px; /* Voeg wat padding toe voor de cellen */
	width: 100px;
}

/* Verberg de kolom met de class 'hide-on-mobile' op kleine schermen */
@media (max-width: 650px) {
    .hide-on-mobile {
        display: none; /* Verberg de kolom */
    }
}

/* Lightbox styling */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.lightbox-overlay img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 5px;
}

.lightbox-overlay.active {
    display: flex;
}