.ventra-wl-heart{
    position:absolute; top:10px; right:10px; z-index:9;
    background:transparent; border:0; padding:4px; cursor:pointer; line-height:1;
}
.ventra-wl-heart svg{ width:22px; height:22px; opacity:.9; transition:transform .15s ease, color .15s ease, opacity .15s ease; }
.ventra-wl-heart:hover svg{ transform:scale(1.08); opacity:1; }

.ventra-wl-heart.active svg{ filter:drop-shadow(0 1px 2px rgba(0,0,0,.15)); }

.ventra-wl-heart-below{
    display:inline-block; margin:.5rem 0 1rem; padding:.6rem 1rem;
    color:#fff; border:1px solid transparent; border-radius:6px; cursor:pointer;
    font-weight:600;
}
.ventra-wl-menu a{ display:flex; align-items:center; gap:.35rem; }
.ventra-wl-menu .ventra-wl-count{ font-weight:700; }

/* Wishlist table */
.ventra-wl-table{ width:100%; border-collapse:collapse; margin:1rem 0; }
.ventra-wl-table th, .ventra-wl-table td{ padding:.75rem; border-bottom:1px solid #eee; text-align:left; }
.ventra-wl-table img{ width:70px; height:auto; border-radius:6px; }
.ventra-wl-btn{ color:#fff; padding:.5rem .8rem; border-radius:6px; border:1px solid transparent; display:inline-block; text-decoration:none; font-weight:600; }


/* Improved menu icon and fill */
.ventra-wl-menu a .ventra-wl-svg{ width:22px; height:22px; vertical-align:middle; }
.ventra-wl-menu{ display:flex; align-items:center; }
.ventra-wl-svg .fill{ transition:opacity .15s ease; }
.ventra-wl-heart.active .ventra-wl-svg .fill{ opacity:1; }

.ventra-wl-remove{ margin-left:.5rem; }

.ventra-wl-actions{ display:inline-flex; align-items:center; gap:.5rem; }


/* Ensure heart shows on category/tag pages (Divi & WooCommerce) */
.woocommerce ul.products li.product,
.et_pb_shop .woocommerce ul.products li.product,
.et_pb_shop .products li.product { position: relative; }
.ventra-wl-heart{ z-index: 50; }





/* ===== Mooier wishlist-tabel & knoppen ===== */
/* ===== Wishlist-tabel: strakker, zonder kleuren te forceren ===== */

.ventra-wl-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
}

.ventra-wl-table thead th{
    font-weight:600;
    padding:10px 16px;
    border-bottom:1px solid #eee;
    text-align:left;
}

.ventra-wl-table tbody tr{
    background:#ffffff;
}

.ventra-wl-table tbody td{
    padding:12px 16px;
    vertical-align:middle;
    border-top:1px solid #f5f5f5;
}

/* Actiekolom rechts uitlijnen */
.ventra-wl-table tbody td:last-child{
    text-align:right;
}

.ventra-wl-actions{
    display:inline-flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}

/* Zorg dat knoppen zelf netjes zijn, maar gebruik thema-kleuren */
.ventra-wl-table .ventra-wl-btn,
.ventra-wl-table .ventra-wl-remove{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0.55rem 1.2rem;
    font-size:14px;
    font-weight:600;
    border-radius:4px;
    text-decoration:none;
    white-space:nowrap;
}

/* Mobiel: blokweergave */
@media (max-width:768px){
    .ventra-wl-table thead{ display:none; }
    .ventra-wl-table tbody tr{
        display:block;
        margin-bottom:14px;
        border-radius:6px;
        box-shadow:0 2px 6px rgba(0,0,0,.04);
    }
    .ventra-wl-table tbody td{
        display:block;
        padding:8px 14px;
        border:none;
        text-align:left;
    }
    .ventra-wl-table tbody td:last-child{
        padding-bottom:14px;
    }
    .ventra-wl-actions{
        justify-content:flex-start;
    }
}

/* Wishlist productkolom: netter beeld */
.ventra-wl-table .ventra-wl-product{
    display:flex;
    align-items:center;
    gap:12px;
}

.ventra-wl-table .ventra-wl-product .ventra-wl-thumb img{
    width:70px;
    height:auto;
    border-radius:6px;
}

.ventra-wl-product-info{
    flex:1;
    min-width:0;
}

.ventra-wl-product-title{
    font-size:14px;
    line-height:1.4;
    font-weight:500;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Mobiel: beeld en tekst onder elkaar */
@media (max-width:768px){
    .ventra-wl-table .ventra-wl-product{
        flex-direction:row;
        align-items:flex-start;
    }
}

/* ===== Wishlist knoppen kleuren ===== */

/* In winkelwagen / Selecteer opties -> groen */
.ventra-wl-table .ventra-wl-btn{
    background-color:#6FCF97 !important;
    border-color:#6FCF97 !important;
    color:#ffffff !important;
}

/* Hover iets donkerder groen */
.ventra-wl-table .ventra-wl-btn:hover{
    background-color:#5BBF87 !important;
    border-color:#5BBF87 !important;
}

/* Verwijder -> paars/roze #F2008B */
.ventra-wl-table .ventra-wl-remove{
    background-color:#F2008B !important;
    border-color:#F2008B !important;
    color:#ffffff !important;
}

/* Hover: iets donkerder paars */
.ventra-wl-table .ventra-wl-remove:hover{
    background-color:#c0006f !important;
    border-color:#c0006f !important;
}