/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 27 2026 | 11:59:33 */
/* 1. Zorg dat de kaart de basis is voor de kliklaag */
.cegg-list-card {
    position: relative !important;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* 2. Maak de onzichtbare kliklaag van de button */
.cegg-list-card a.cegg-button-click::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99; /* Dit zorgt dat de link bovenop de tekst en prijs ligt */
    display: block;
}

/* 3. Visuele feedback: de hele kaart reageert nu als een knop */
.cegg-list-card:hover {
    background-color: #fffaf5 !important; /* Hele lichte oranje gloed */
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* 4. Zorg dat de echte knop optisch nog wel reageert */
.cegg-list-card:hover a.cegg-button-click {
    background-color: #e67e22 !important; /* Iets donkerder oranje bij hover over kaart */
}