/* OUTER WRAPPER – bevat de slider + de pijlen */
.thumb-slider-outer {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

/* INNER WRAPPER = zichtbare slider viewport */
.woo-thumb-slider-wrap {
    overflow: hidden;
    width: 100%;
}

/* TRACK – forceer horizontale slider */
.flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    margin-top: 5px !important;
    width: max-content;
    transition: transform 0.3s ease;
    padding: 5px 0;
}

/* Verwijder Woo + Divi styling */
.flex-control-thumbs li {
    margin: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important;
}

/* Thumbnail styling */
.flex-control-thumbs li img {
    width: 100px !important;
    height: auto;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.85;
    transition: 0.2s;
}
.flex-control-thumbs li img:hover {
    opacity: 1;
}

/* BUTTONS – STIJL */
.thumb-btn {
    background: #fff;
    border: none;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    position: absolute;
    top: 39%;
}

.thumb-btn-right {
    right: -20px;
    z-index: 1;
}

.thumb-btn-left {
    left: -20px;
    z-index: 1;
}

.thumb-btn:hover {
    background: #f0f0f0;
}

.product .woocommerce-product-gallery  .woocommerce-product-gallery__image a img {
	height: 500px !important;
	object-fit: cover !important;
}

/* .product .woocommerce-product-gallery  .woocommerce-product-gallery__image .zoomImg {
    max-width: 800px !important;
    max-height: 800px !important;
    object-fit: cover !important;
} */

@media (max-width:768px) {
    .thumb-btn {
        top: 36% !important;
    }
}