@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.tomosonderdelenzeeland.nl/app/themes/woodmart/fonts/woodmart-font-3-400.woff2?v=8.0.1") format("woff2");
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 15px;
	--wd-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-brd-radius: 7px;
	--wd-primary-color: rgb(33,178,170);
	--wd-alternative-color: rgb(33,178,170);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-transform: inherit;
	--btn-default-bgcolor: rgb(12,71,68);
	--btn-default-bgcolor-hover: #093836;
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-bgcolor: rgb(12,71,68);
	--btn-accented-bgcolor-hover: rgb(9,56,54);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(255,255,255);
	--btn-transform: capitalize;
	--btn-color: rgb(255,255,255);
	--btn-bgcolor: rgb(12,71,68);
	--btn-color-hover: rgb(255,255,255);
	--btn-bgcolor-hover: rgb(9,56,54);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 88px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.wd-page-title {
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a, html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	font-weight: 700;
	color: rgb(51,51,51);
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(0,0,0);
}
html .wd-buy-now-btn:hover {
	background: rgb(0,0,0);
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity input[type], html .product-quick-view .entry-summary .single_add_to_cart_button, html .cart-actions .button[name="apply_coupon"], html .cart-actions .button[name="update_cart"], html .cart-totals-inner .checkout-button, html .woocommerce-mini-cart__buttons .btn-cart, html .woocommerce-mini-cart__buttons .checkout, html .wd-empty-mini-cart .btn, html #place_order, html .wd-compare-table .button, html .wd-compare-table .added_to_cart, html .hotspot-content .add_to_cart_button, html .hotspot-content .product_type_variable, html .popup-added_to_cart .view-cart {
	background: rgb(23,74,126);
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, html .wd-sticky-btn-cart .single_add_to_cart_button:hover, html .wd-sticky-add-to-cart:hover, html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity input[type], html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity+.button, html .product-quick-view .entry-summary .single_add_to_cart_button:hover, html .cart-actions .button[name="apply_coupon"]:hover, html .cart-actions .button[name="update_cart"]:hover, html .cart-totals-inner .checkout-button:hover, html .woocommerce-mini-cart__buttons .btn-cart:hover, html .woocommerce-mini-cart__buttons .checkout:hover, html .wd-empty-mini-cart .btn:hover, html #place_order:hover, html .wd-compare-table .button:hover, html .wd-compare-table .added_to_cart:hover, html .hotspot-content .add_to_cart_button:hover, html .hotspot-content .product_type_variable:hover, html .popup-added_to_cart .view-cart:hover {
	background: rgb(16,55,95);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(245,105,0);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(30,115,190);
	color: rgb(183,183,183);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1450px;
--wd-form-brd-radius: 5px;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1450px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1450px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1450px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* ==========================================
   TOMOSONDERDELENZEELND - ZEEUWSE WAVE 3.0
   Rustige kustlijn met zachte schaduw
   Alleen mobiel en tablet
========================================== */
@media (max-width: 1024px) {

    /* HEADER BASIS */
    .whb-header-bottom {
        position: relative !important;
        overflow: visible !important;
        z-index: 10 !important;
        isolation: isolate !important;
}
/* ZEEUWSE GOLF */
.whb-header-bottom::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        /* Positionering achter header */
        top: calc(100% - 25px) !important;
        bottom: auto !important;
        left: 50% !important;
        transform: translateX(-50%) rotate(180deg) !important;
/* Afmetingen */
        width: 100vw !important;
        height: 60px !important;
/* Transparante achtergrond */
        background-color: transparent !important;
/* Rustige, natuurlijke golf */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 65' preserveAspectRatio='none'%3E%3Cpath fill='%23000000' d='M0 28 C120 26 175 35 290 33 C405 31 470 24 580 27 C690 30 755 36 865 32 C975 28 1070 25 1200 29 L1200 65 L0 65 Z'/%3E%3C/svg%3E") !important;
        background-size: 100% 100% !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
/* Zachte schaduw die de golf volgt */
        filter:
        drop-shadow(0 4px 5px rgba(0, 0, 0, 0.20))
        drop-shadow(0 9px 12px rgba(0, 0, 0, 0.10)) !important;
/* Golf achter headerinhoud */
        z-index: -1 !important;
        pointer-events: none !important;
    }
/* HEADERINHOUD BOVEN DE GOLF */
.whb-header-bottom > .container {
        position: relative !important;
        z-index: 1 !important;
}
/* OUDE GOLF OP ANDERE HEADER UITSCHAKELEN */
    .whb-general-header::after {
        content: none !important;
    }
}
/* ==========================================
   SPECIFIC PAGE - CUSTOM ELEMENT COLOR
   Desktop, Tablet & Mobile
   ========================================== */
body.page-id-12 .vc_row.footer_reviews {
    background-color: #fff !important;
}
body.page-id-11 .vc_row.footer_reviews {
    background-color: #fff !important;
}
body.page-id-12 .vc_row.footer_reviews::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 65' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 17 C40 14 58 22 95 25 C135 29 155 40 195 38 C235 36 250 28 285 31 C325 34 345 24 380 20 C420 15 445 24 480 22 C520 20 545 33 585 37 C625 41 650 48 690 43 C730 38 745 29 785 31 C825 33 845 20 880 16 C920 11 945 23 980 25 C1020 27 1040 18 1075 21 C1120 24 1150 13 1200 17 L1200 65 L0 65 Z'/%3E%3C/svg%3E") !important;
}
body.page-id-11 .vc_row.footer_reviews::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 65' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 17 C40 14 58 22 95 25 C135 29 155 40 195 38 C235 36 250 28 285 31 C325 34 345 24 380 20 C420 15 445 24 480 22 C520 20 545 33 585 37 C625 41 650 48 690 43 C730 38 745 29 785 31 C825 33 845 20 880 16 C920 11 945 23 980 25 C1020 27 1040 18 1075 21 C1120 24 1150 13 1200 17 L1200 65 L0 65 Z'/%3E%3C/svg%3E") !important;
}
/* ==========================================
   WPBAKERY ROW - REMOVE BOTTOM MARGIN
   Desktop, Tablet & Mobile
   ========================================== */
body .vc_custom_1792329419258 {
    margin-bottom: 0 !important;
}
/* ==========================================
   PRODUCT CATEGORY - DECORATIVE SECTION WAVE
   Desktop, Tablet & Mobile
   ========================================== */
/* Category description section */
body.tax-product_cat .product-category-top-wave {
    position: relative !important;
    overflow: visible !important;
    background-color: #ffffff !important;
    z-index: 2 !important;
}
/* White wave above category description */
body.tax-product_cat .product-category-top-wave::before {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    top: -43px !important;
    left: 0 !important;
    width: 100% !important;
    height: 44px !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 65' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 17 C40 14 58 22 95 25 C135 29 155 40 195 38 C235 36 250 28 285 31 C325 34 345 24 380 20 C420 15 445 24 480 22 C520 20 545 33 585 37 C625 41 650 48 690 43 C730 38 745 29 785 31 C825 33 845 20 880 16 C920 11 945 23 980 25 C1020 27 1040 18 1075 21 C1120 24 1150 13 1200 17 L1200 65 L0 65 Z'/%3E%3C/svg%3E") !important;
    background-size: 100% 100% !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    z-index: 10 !important;
    pointer-events: none !important;
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    body.tax-product_cat .product-category-top-wave::before {
        top: -35px !important;
        height: 36px !important;
    }
}
/* Mobile */
@media (max-width: 767px) {
    body.tax-product_cat .product-category-top-wave::before {
		    top: -27px !important;
        height: 28px !important;
    }
}
/* UNIVERSAL READ MORE - CONTENT HEIGHT */
/* Desktop & Tablet */

body.single-product .product-details .wd-single-content.is-collapsed,
body.tax-product_cat .wd-term-desc.is-collapsed,
.read-more-content.is-collapsed {
    max-height: 380px !important;
    overflow: hidden !important;
}

body.single-product .product-details .wd-single-content.is-expanded,
body.tax-product_cat .wd-term-desc.is-expanded,
.read-more-content.is-expanded {
    max-height: none !important;
    overflow: visible !important;
}

/* Mobile */

@media (max-width: 767px) {
    body.single-product .product-details .wd-single-content.is-collapsed,
    body.tax-product_cat .wd-term-desc.is-collapsed,
    .read-more-content.is-collapsed {
        max-height: 300px !important;
    }
}
/* PRODUCT GRID - CLEAN TURQUOISE HOVER */
/* Desktop, Tablet & Mobile */

/* Disable product card movement */
body .wd-products .wd-hover-with-fade .product-wrapper,
body .wd-products .wd-hover-with-fade:hover .product-wrapper {
    transform: none !important;
    transition: none !important;
}

/* Style WoodMart's existing hover background */
body .wd-products .wd-hover-with-fade .content-product-imagin {
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Show a turquoise border on hover */
@media (hover: hover) {
    body .wd-products .wd-hover-with-fade:hover .content-product-imagin {
        border-color: #ddd !important;
        box-shadow: none !important;
        transform: none !important;
    }
}
/* PRODUCT GRID - CLEAN TURQUOISE BORDER */
/* Desktop, Tablet & Mobile */

/* Disable WoodMart hover movement */
body .wd-products .wd-hover-with-fade .product-wrapper,
body .wd-products .wd-hover-with-fade:hover .product-wrapper {
    transform: none !important;
    transition: none !important;
   	border-radius: 10px !important;
}
/* Reset WoodMart hover background */
body .wd-products .wd-hover-with-fade .content-product-imagin {
    inset: 0 !important;
    margin-bottom: 0 !important;
    border: 1px solid #ddd !important
    border-radius: 10px !important;
    box-shadow: none !important;
    transform: none !important;
}
/* Desktop - Turquoise border on hover */
@media (min-width: 1025px) and (hover: hover) {
    body .wd-products .wd-hover-with-fade:hover .content-product-imagin {
        box-shadow: none !important;
        transform: none !important;
    }
}
/* Tablet & Mobile - Always visible border */
@media (max-width: 1024px) {
    body .wd-products .wd-product {
        border-radius: 10px !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }
    body .wd-products .wd-hover-with-fade .content-product-imagin {
        border: none !important;
        box-shadow: none !important;
			  border: 1px solid #ddd !important;
    }
}
div.quantity .minus {
	  border-radius: 22px 0 0 22px !important;
	  background-color: #f2f2f2 !important;
}
div.quantity .plus {
    border-radius: 0 22px 22px 0 !important;
	  background-color: #f2f2f2 !important;
}
div.quantity input[type="number"] {
    border: var(--wd-form-brd-width) solid rgb(0 0 0 / 0%) !important;
	  background-color: #f2f2f2 !important;
}
/* ==========================================
   CHECKOUT - QUANTITY BELOW PRODUCT TITLE
   Desktop, Tablet & Mobile
   ========================================== */

/* Product information container */
body.woocommerce-checkout .wd-checkout-prod-cont
.wd-checkout-prod-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}
/* Product title */
body.woocommerce-checkout .wd-checkout-prod-cont
.wd-checkout-prod-title .cart-product-label {
    width: 100% !important;
}
/* Quantity selector */
body.woocommerce-checkout .wd-checkout-prod-cont
.wd-checkout-prod-title .quantity {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    margin: 0 !important;
}
/* TABLET & MOBILE */
@media (max-width: 1024px) {
    body.woocommerce-checkout .wd-checkout-prod-cont
    .wd-checkout-prod-title {
        gap: 6px !important;
    }
}
/* ==========================================
   SINGLE PRODUCT - FULL WIDTH CART BUTTON
   Desktop, Tablet & Mobile
   ========================================== */
/* Cart layout */
body.single-product .product-header form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}
/* Quantity selector */
body.single-product .product-header form.cart .quantity {
    flex: 0 0 114px !important;
    width: 114px !important;
}
/* Add to cart button */
body.single-product .product-header form.cart
.single_add_to_cart_button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    margin-left: 0 !important;
}
/* No quantity selector: stretch button left and right */
body.single-product .product-header form.cart:not(:has(.quantity input.qty:not([type="hidden"])))
.single_add_to_cart_button {
    flex: 1 1 auto !important;
    width: 100% !important;
    margin-left: 0 !important;
}
/* Remove reserved quantity space when input is hidden */
body.single-product .product-header form.cart
.quantity:has(input.qty[type="hidden"]) {
    display: none !important;
}
/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    body.single-product .product-header form.cart {
        gap: 10px !important;
    }
}
/* MOBILE */
@media (max-width: 767px) {
    body.single-product .product-header form.cart {
        gap: 8px !important;
    }
}
/* ==========================================
   CHECKOUT - COMPACT ROUNDED QUANTITY
   Desktop, Tablet & Mobile - No Hover
   ========================================== */

/* Quantity container */
body.woocommerce-checkout .wd-checkout-prod-cont div.quantity {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 34px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}
/* Buttons and quantity number */
body.woocommerce-checkout .wd-checkout-prod-cont div.quantity .minus,
body.woocommerce-checkout .wd-checkout-prod-cont div.quantity .plus,
body.woocommerce-checkout .wd-checkout-prod-cont div.quantity input.qty {
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 34px !important;
    font-size: 12px !important;
}
/* Minus button - hover */
body.woocommerce-checkout .wd-checkout-prod-cont div.quantity .minus:hover {
    color: #174A7E !important;
}
/* Plus button - hover */
body.woocommerce-checkout .wd-checkout-prod-cont div.quantity .plus:hover {
    color: #174A7E !important;
}
/* White quantity number */
body.woocommerce-checkout .wd-checkout-prod-cont div.quantity input.qty {
    background-color: #f2f2f2 !important;
}
/* ==========================================
   SIDE CART - PRICE BACKGROUND FIX
   Desktop, Tablet & Mobile
   ========================================== */

/* Remove background from price */
.cart-widget-side .woocommerce-mini-cart-item .quantity:not(div) {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

/* Keep the quantity buttons styled */
.cart-widget-side div.quantity {
    background-color: #f2f2f2 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
}
/* ==========================================
   SIDE CART - QUANTITY & PRICE
   Desktop, Tablet & Mobile
   ========================================== */

/* Quantity selector */
.cart-widget-side .quantity {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    width: max-content !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 22px !important;
    background-color: #f2f2f2 !important;
    overflow: hidden !important;
}
/* Minus button */
.cart-widget-side .quantity .minus {
    margin: 0 !important;
	  background-color: #f2f2f2 !important;
    border-radius: 22px 0 0 22px !important;
}
/* Plus button */
.cart-widget-side .quantity .plus {
    margin: 0 !important;
    background-color: #f2f2f2 !important;
    border-radius: 0 22px 22px 0 !important;
}
/* Quantity number */
.cart-widget-side .quantity input.qty {
    margin: 0 !important;
	  background-color: #f2f2f2 !important;
    border-radius: 0 !important;
}
/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    .cart-widget-side .quantity {
        margin-bottom: 10px !important;
    }
}
/* MOBILE */
@media (max-width: 767px) {
    .cart-widget-side .quantity {
        margin-bottom: 10px !important;
    }
}
/* ==========================================
   CART PAGE - QUANTITY SELECTOR
   Desktop, Tablet & Mobile
   ========================================== */
/* Quantity container */
body.woocommerce-cart .woocommerce-cart-form .quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 114px !important;
    height: 42px !important;
    min-width: 114px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50px !important;
    background-color: #f2f2f2 !important;
    overflow: hidden !important;
}
/* Minus and plus buttons */
body.woocommerce-cart .woocommerce-cart-form .quantity .minus,
body.woocommerce-cart .woocommerce-cart-form .quantity .plus {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 42px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50px !important;
    background: transparent !important;
    font-size: 14px !important;
    cursor: pointer;
}
/* Quantity number */
body.woocommerce-cart .woocommerce-cart-form .quantity input.qty {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
    text-align: center !important;
    box-shadow: none !important;
}
/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
body.woocommerce-cart .woocommerce-cart-form .quantity {
        width: 114px !important;
        height: 42px !important;
    }
}
/* MOBILE */
@media (max-width: 767px) {
body.woocommerce-cart .woocommerce-cart-form .quantity {
        width: 114px !important;
        height: 42px !important;
        min-width: 114px !important;
    }
}
/* ==========================================
   PRODUCT DETAILS - TOP WAVE
   Desktop, Tablet & Mobile
   ========================================== */

/* Product details section */
body.single-product .product-details {
    position: relative !important;
    overflow: visible !important;
}
/* White wave above product details */
body.single-product .product-details::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -43px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    height: 44px !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 65' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 17 C40 14 58 22 95 25 C135 29 155 40 195 38 C235 36 250 28 285 31 C325 34 345 24 380 20 C420 15 445 24 480 22 C520 20 545 33 585 37 C625 41 650 48 690 43 C730 38 745 29 785 31 C825 33 845 20 880 16 C920 11 945 23 980 25 C1020 27 1040 18 1075 21 C1120 24 1150 13 1200 17 L1200 65 L0 65 Z'/%3E%3C/svg%3E") !important;
    background-size: 100% 100% !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    z-index: 10 !important;
    pointer-events: none !important;
}
/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    body.single-product .product-details::before {
        top: -35px !important;
        height: 36px !important;
    }
}
/* MOBILE */
@media (max-width: 767px) {
    body.single-product .product-details::before {
        top: -27px !important;
        height: 28px !important;
    }
}
/* ==========================================
   REVIEWS SECTION - TOP WAVE
   Desktop, Tablet & Mobile
   ========================================== */
/* Reviews row */
.vc_row.footer_reviews {
    position: relative !important;
    overflow: visible !important;
}
/* Wave attached to the top of the row */
.vc_row.footer_reviews::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -43px !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: 44px !important;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 65' preserveAspectRatio='none'%3E%3Cpath fill='%23f2f2f2' d='M0 17 C40 14 58 22 95 25 C135 29 155 40 195 38 C235 36 250 28 285 31 C325 34 345 24 380 20 C420 15 445 24 480 22 C520 20 545 33 585 37 C625 41 650 48 690 43 C730 38 745 29 785 31 C825 33 845 20 880 16 C920 11 945 23 980 25 C1020 27 1040 18 1075 21 C1120 24 1150 13 1200 17 L1200 65 L0 65 Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat !important;
    z-index: 10 !important;
    pointer-events: none !important;
}
/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
.vc_row.footer_reviews::before {
        top: -35px !important;
        height: 36px !important;
    }
}
/* MOBILE */
@media (max-width: 767px) {
.vc_row.footer_reviews::before {
		    top: -27px !important;
        height: 28px !important;
    }
}
/* ==========================================
   UNIVERSAL READ MORE - CONTENT
   Desktop, Tablet & Mobile
   ========================================== */
/* Collapsed description */
body.single-product .product-details .wd-single-content.is-collapsed,
body.tax-product_cat .wd-term-desc.is-collapsed,
.read-more-content.is-collapsed {
    position: relative;
    max-height: 380px;
    overflow: hidden;
}
/* READ MORE - TRANSPARENT FADE */
body.single-product .product-details .wd-single-content.is-collapsed,
body.tax-product_cat .wd-term-desc.is-collapsed,
.read-more-content.is-collapsed {
    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 calc(100% - 80px),
        transparent 100%
    );
    mask-image: linear-gradient(
        to bottom,
        #000 calc(100% - 80px),
        transparent 100%
    );
}
/* Remove the old white overlay */
body.single-product .product-details .wd-single-content.is-collapsed::after,
body.tax-product_cat .wd-term-desc.is-collapsed::after,
.read-more-content.is-collapsed::after {
    content: none !important;
}
/* Expanded description */
body.single-product .product-details .wd-single-content.is-expanded,
body.tax-product_cat .wd-term-desc.is-expanded,
.read-more-content.is-expanded {
    max-height: none;
    overflow: visible;
}
/* ==========================================
   UNIVERSAL READ MORE - BUTTON
   ========================================== */
.product-description-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-width: 155px;
    margin: 18px auto 0;
    padding: 12px 24px;
    background-color: #0c4744;
    color: #ffffff;
    border: none;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}
/* Button hover */
@media (hover: hover) {
.product-description-toggle:hover {
        background-color: #072f2d;
        border-color: #072f2d;
        color: #ffffff;
    }
}
/* ==========================================
   UNIVERSAL READ MORE - MOBILE
   ========================================== */
@media (max-width: 767px) {
body.single-product .product-details .wd-single-content.is-collapsed,
body.tax-product_cat .wd-term-desc.is-collapsed,
    .read-more-content.is-collapsed {
        max-height: 300px;
    }
}
/* ==========================================
   BUTTON TEXT AND SYMBOL
   ========================================== */
/* Text */
body.single-product .product-description-toggle
.toggle-label {
    display: inline-block;
}
/* Plus and minus symbol */
body.single-product .product-description-toggle
.toggle-symbol {
    display: inline-block;
    margin-left: 8px; /* CHANGE SPACING HERE */
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}
/* Keyboard focus */
body.single-product .product-description-toggle:focus-visible {
    outline: 2px solid #0c4744;
    outline-offset: 3px;
}
/* ==========================================
   MOBILE
   ========================================== */
@media (max-width: 767px) {
body.single-product .product-details
    .wd-single-content.is-collapsed {
        max-height: 300px;
}
body.single-product .product-details
    .wd-single-content.is-collapsed::after {
        height: 65px;
}
body.single-product .product-description-toggle {
        min-width: 145px;
        padding: 11px 20px;
        margin-top: 16px;
        font-size: 13px;
    }
}
/* ==========================================
   PRODUCT BREADCRUMBS - MOBILE
   Links uitgelijnd en swipebaar
   ========================================== */
@media (max-width: 767px) {
    body.single-product nav.wd-breadcrumbs {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none !important;
}
body.single-product nav.wd-breadcrumbs::-webkit-scrollbar {
        display: none;
}
body.single-product nav.wd-breadcrumbs > span {
        flex: 0 0 auto !important;
    }
}
/* ==========================================
   PRODUCT SECTION HEADINGS
   ========================================== */
body.single-product .product-section-heading {
    margin: 0 0 16px;
}
/* Heading */
body.single-product .product-section-heading h4 {
    margin: 0 !important;
    padding: 0 !important;
    color: #20b2aa !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}
/* Accent line */
body.single-product .product-section-heading::after {
    content: "";
    display: block;
    width: 55px;
    height: 3px;
    margin-top: 5px;
    background-color: #20b2aa;
	  border-radius: 50px
}
/* Mobile */
@media (max-width: 767px) {
    body.single-product .product-section-heading h4 {
        font-size: 20px !important;
    }
}
/* VOORRAADWAARSCHUWING */
body.single-product .woocommerce-error,
body.single-product .woocommerce-notices-wrapper .woocommerce-message {
    background-color: #fff3e8 !important;
    color: #81420f !important;
    border: 1px solid #f4d4b5 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
/* Links in de melding */
body.single-product .woocommerce-error a,
body.single-product .woocommerce-notices-wrapper
.woocommerce-message a {
    color: #81420f !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}
/* MEER RUIMTE ONDER PRODUCTFOTO'S */

/* Extra ruimte onderaan het grijze productgedeelte */
body.single-product .vc_row.product-header {
    padding-bottom: 45px !important;
}
/* Mobiel iets minder ruimte */
@media (max-width: 1024px) {
    body.single-product .vc_row.product-header {
        padding-bottom: 55px !important;
    }
}
/* ==========================================
   AANTALSELECTOR SINGLE PRODUCT
   Alleen de normale productpagina
   Winkelwagenknoppen blijven ongewijzigd
   ========================================== */

/* Witte afgeronde aantalcapsule */
body.single-product .product-header .quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    overflow: hidden !important;
}
/* Min, plus en aantal */
body.single-product .product-header .quantity .minus,
body.single-product .product-header .quantity .plus,
body.single-product .product-header .quantity input.qty {
    background: transparent !important;
    color: #333333 !important;
    border: none !important;
    box-shadow: none !important;
}
/* Aantal gecentreerd */
body.single-product .product-header .quantity input.qty {
    text-align: center !important;
    font-weight: 600 !important;
	  font-size: 13px !important;
}
/* Zichtbare focus bij toetsenbordgebruik */
body.single-product .product-header .quantity .minus:focus-visible,
body.single-product .product-header .quantity .plus:focus-visible {
    outline: 2px solid #1d5085 !important;
    outline-offset: -2px !important;
}
/* VERWACHTE LEVERING */
/* Alleen op single-productpagina's */
body.single-product .wpced .wpced-inner {
    background-color: #f2f2f2 !important;
    color: #333333 !important;
}
/* PRODUCTPAGINA - DESKTOP */
@media (min-width: 1025px) {
/* Voorkom afsnijden van achtergrond */
    body.single-product .vc_section[class*="wd-section-stretch"] {
        overflow: visible !important;
  }
}
main.wd-content-layout.content-layout-wrapper.container.wd-builder-on.wd-sidebar-hidden-md-sm.wd-sidebar-hidden-sm {
    padding-block: 0 !important;
}

body.single-product .wd-content-layout {
	  padding-block: 0 !important;
}

/* Nieuwe style 2026 */
/* ==========================================
   WOODMART HEADER - PERMANENT FIXED
   Desktop, Tablet & Mobile
   ========================================== */

.whb-header_171341 {
    position: sticky;
    top: 0;
    z-index: 9999;
}
/* PRODUCT LAYOUT - RESPONSIVE VISIBILITY */
/* Desktop */
@media (min-width: 1025px) {
    body.single-product .mobile-product-layout {
        display: none !important;
    }
}
/* Tablet & Mobile */
@media (max-width: 1024px) {
    body.single-product .desktop-product-title {
        display: none !important;
    }
}
/* CART TOTALS - CONTAINER */
body.woocommerce-cart .vc_custom_1792331904925 {
    background-color: #f2f2f2 !important;
    border-radius: 10px !important;
    padding: 25px !important;
    border: none !important;
}
.korting-balk {
    display: none !important;
}
/* Eerste pijltje direct na Home verbergen */
nav.wd-breadcrumbs > span:first-child + .wd-delimiter {
    display: none !important;
}
/* Extra ruimte tussen Home en eerste categorie */
nav.wd-breadcrumbs > span:first-child {
    margin-right: 12px !important;
}
/* ============================================
   WOODMART - ALLEEN HOME ALS AFGERONDE KNOP
   ============================================ */

nav.wd-breadcrumbs span:first-child a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    border: 1px solid #7D7D7D !important;
    border-radius: 30px !important;
    color: #777 !important;
    text-decoration: none !important;
}

/* Pijltje links van Home */
nav.wd-breadcrumbs span:first-child a::before {
    content: "‹" !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Hover */
nav.wd-breadcrumbs span:first-child a:hover {
    border-color: #e5e5e5  !important;
    background-color: #e5e5e5 !important;
}
/* FOOTER BOTTOM - LICHTGRIJS OVER VOLLEDIGE BREEDTE */

footer .vc_row.footer_bottom {
    position: relative !important;
    background-color: #f7f7f7 !important;
    background-image: none !important;
    border-bottom: 0 !important;
}

/* Achtergrond tot aan beide schermranden */
footer .vc_row.footer_bottom::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 100vw !important;
    height: 100% !important;
    transform: translateX(-50%) !important;
    background: #f2f2f2 !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* Inhoud boven de achtergrond houden */
footer .vc_row.footer_bottom > .vc_column_container {
    position: relative !important;
    z-index: 1 !important;
}
/* ============================================
   FOOTER REVIEWS - TOMOS ONDERDELEN ZEELAND
   DESKTOP + TABLET + MOBIEL
   ============================================ */


/* ============================================
   1. ALGEMENE OPMAAK - ALLE APPARATEN
   ============================================ */

.vc_row.footer_reviews {
    background-color: #f2f2f2 !important;
    border-top: 1px solid #ebebeb !important;
    box-sizing: border-box !important;
}

/* ============================================
   2. DESKTOP - VANAF 1025PX
   ============================================ */

@media (min-width: 1025px) {

    .vc_row.footer_reviews {
        position: relative !important;
        width: calc(100vw + 4px) !important;
        max-width: none !important;
        left: 50% !important;
        transform: translateX(calc(-50% - 2px)) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 35px 0px !important;
        padding-bottom: 0px !important;
    }

    .vc_row.footer_reviews > .vc_column_container {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* ============================================
   3. TABLET - 768PX T/M 1024PX
   ============================================ */

@media (min-width: 768px) and (max-width: 1024px) {

    .vc_row.footer_reviews {
        padding-top: 4rem !important;
        padding-bottom: 2.5rem !important;
    }
}


/* ============================================
   4. MOBIEL - T/M 767PX
   ============================================ */

@media (max-width: 767px) {

    .vc_row.footer_reviews {
        padding-top: 3rem !important;
        padding-bottom: 2rem !important;
    }
}
body:not([class*="wrapper-boxed"]) {
    background-color: #000000 !important;
}
.mobile-usp-item img {
    height: 12px;
    object-fit: contain;
    width: 12px;
}
.desktop-usp img {
    height: 12px;
    object-fit: contain;
    width: 12px;
}
.cwgstock_button {
	  border-radius: 50px;
    background-color: #c62828 !important; 
}
.wd-single-add-cart>*:last-child {
    border-radius: 50px;
	  width: 100%
}
/* =========================================
   WOODMART STICKY WINKELWAGEN
   VERBERGEN BIJ UITVERKOCHT - ALLEEN MOBIEL
   ========================================= */

@media (max-width: 767px) {

    body.single-product:has(.stock.out-of-stock)
    .wd-sticky-btn {
        display: none !important;
    }

}
/* =========================================
   WOODMART FILTERKNOP
   TWEE SCHUIFJES MET BOLLETJES
   ========================================= */

/* Filterknop */
.wd-off-canvas-btn.wd-burger-icon > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
}

/* Standaard WoodMart hamburger verbergen */
.wd-off-canvas-btn.wd-burger-icon > a::after {
    display: none !important;
}

/* Eigen icoon met twee schuifjes */
.wd-off-canvas-btn.wd-burger-icon > a::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 22px !important;

    width: 22px !important;
    height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: currentColor !important;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h18M3 17h18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='7' r='3' fill='black'/%3E%3Ccircle cx='16' cy='17' r='3' fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h18M3 17h18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='7' r='3' fill='black'/%3E%3Ccircle cx='16' cy='17' r='3' fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
/* =========================================
   ACCOUNTICOON - INLOGSTATUS
   DESKTOP + TABLET + MOBIEL
   ========================================= */

/* Accounticoon als positioneringspunt */
.whb-header .wd-header-my-account {
    position: relative !important;
    overflow: visible !important;
}

/* Basis van het statusbolletje */
.whb-header .wd-header-my-account::after {
    content: "" !important;
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px !important;
    height: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50px !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    z-index: 20 !important;
}

/* UITGELOGD - ROOD KRUIS */
body:not(.logged-in) .whb-header
.wd-header-my-account::after {
    content: "×" !important;
    background-color: #e53935 !important;
    font-size: 15px !important;   
}

/* INGELOGD - SUBTIEL SVG-VINKJE */
body.logged-in .whb-header .wd-header-my-account::after {
    content: "" !important;
    background-color: #16a34a !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.2 6.5 11 12.5 5' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 12px 12px !important;
    font-size: 0 !important;
}


/* =========================================
   DESKTOP - VANAF 1025PX
   ========================================= */

@media (min-width: 1025px) {

    .whb-header .wd-header-my-account::after {
        top: 23px !important;
        right: 10px !important;
        width: 16px !important;
        height: 16px !important;
        font-size: 11px !important;
    }
}


/* =========================================
   TABLET + MOBIEL - TOT 1024PX
   ========================================= */

@media (max-width: 1024px) {

    .whb-header .wd-header-my-account::after {
        top: 23px !important;
        right: 0px !important;
        width: 16px !important;
        height: 16px !important;
        font-size: 10px !important;
    }
}

/* WoodMart hamburger - mobiel en tablet */
.wd-header-mobile-nav .wd-tools-icon {
    position: relative !important;
    width: 26px !important;
    height: 20px !important;
    display: block !important;
}

/* Bovenste en middelste streep */
.wd-header-mobile-nav .wd-tools-icon::before {
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    left: 0 !important;
    width: 26px !important;
    height: 2px !important;
    background: #fff !important;
    box-shadow: 0 8px 0 #fff !important;
    border: 0 !important;
    transform: none !important;
	border-radius: 50px
}

/* Kortere onderste streep */
.wd-header-mobile-nav .wd-tools-icon::after {
    content: "" !important;
    position: absolute !important;
    top: 18px !important;
    left: 0 !important;
    width: 16px !important;
    height: 2px !important;
    background: #fff !important;
    border: 0 !important;
    transform: none !important;
	  border-radius: 50px
}
/* =========================================
   FIBOSEARCH - DESKTOP + TABLET + MOBIEL
   ========================================= */
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {


}
/* Zoekknop verticaal centreren */
.dgwt-wcas-style-pirx .dgwt-wcas-search-submit {
    top: 4px !important;
}

/* Zoekbalk volledige breedte */
.dgwt-wcas-search-wrapp {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Ronde zoekbalk */
.dgwt-wcas-style-pirx
.dgwt-wcas-search-form
.dgwt-wcas-sf-wrapp {
    border-radius: 50px !important;
	  padding: 5px 5px 5px 5px;
}

/* Zoekveld */
.dgwt-wcas-style-pirx
.dgwt-wcas-sf-wrapp
input[type=search].dgwt-wcas-search-input {
    padding: 5px 48px 5px 24px !important;
    font-size: 15px !important;
    border: none !important;
}

/* Blauwe zoekknop */
.dgwt-wcas-style-pirx
.dgwt-wcas-sf-wrapp
button.dgwt-wcas-search-submit {
    opacity: 1 !important;
    top: 6px !important;
    left: auto !important;
    right: 7px !important;
    background-color: #0c4744 !important;
}

/* Wit zoekicoon */
.dgwt-wcas-style-pirx
.dgwt-wcas-sf-wrapp
button.dgwt-wcas-search-submit svg path {
    fill: var(--btn-accented-color) !important;
}

/* =========================================
   MOBIELE ZOEKBALK
   ========================================= */

.wd-search-form.wd-header-search-form-mobile {
    border-radius: 10rem;
    border: 1px solid;
    padding: 5px 12px;
    position: relative;
}

/* Mobiele zoekknop */
.wd-search-form.wd-header-search-form-mobile
.dgwt-wcas-sf-wrapp
button.dgwt-wcas-search-submit {
    right: -6px !important;
}

/* Geen extra marge */
.whb-main-header
.wd-header-search-form-mobile
.dgwt-wcas-style-pirx
.dgwt-wcas-sf-wrapp {
    margin: 0 !important;
}

/* =========================================
   WINKELWAGEN Z-INDEX
   ========================================= */

.cart-widget-side.wd-side-hidden.wd-right.wd-opened {
    z-index: 9999999999;
}
.contactblok-foto {
    min-height: 180px !important;
    background-image: url("https://www.tomosonderdelenzeeland.nl/app/uploads/2022/12/Klantenservice.png") !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
/* ======================================
   UNIVERSEEL CONTACTFORMULIER
   CONTACT FORM 7
====================================== */

.contact-form {
  --form-accent: #0c4744;
  --form-accent-hover: #008fc5;

  width: 100%;
  max-width: 920px;
  color: #171717;
  font-family: inherit;
}

.contact-form *,
.contact-form *::before,
.contact-form *::after {
  box-sizing: border-box;
}

/* HEADER */

.contact-form__header {
  margin-bottom: 28px;
}

.contact-form__header h2 {
  margin: 0 0 10px;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.3;
  color: #111;
}

.contact-form__header p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #727b85;
}

/* GRID */

.contact-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 24px;
}

.contact-form__field {
  min-width: 0;
}

.contact-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* INPUTS */

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 15px 17px;
  background: #fff;
  border: 1px solid #dce1e6;
  border-radius: 9px;
  color: #222;
  font-family: inherit;
  font-size: 14px;
  box-shadow: none;
  outline: none;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"] {
  height: 54px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #98a1ab;
  opacity: 1;
}

/* FOCUS */

.contact-form input:focus,
.contact-form textarea:focus {
}

/* UPLOAD */

.contact-form__upload {
  margin-bottom: 24px;
}

.contact-form__upload label {
  display: block;
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: 600;
  color: #222;
}

.contact-form input[type="file"] {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 17px;
  background: #f8fbfd;
  border: 2px dashed #d1dce4;
  border-radius: 10px;
  font-size: 13px;
  color: #677481;
  cursor: pointer;
}

.contact-form input[type="file"]:hover {
  border-color: #000;
  background: #fff;
}

.contact-form input[type="file"]::file-selector-button {
  background: var(--form-accent);
  border: none;
  border-radius: 6px;
  padding: 11px 17px;
  margin-right: 14px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.contact-form__upload small {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #88939e;
}

/* MESSAGE */

.contact-form__message label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

.contact-form textarea {
  min-height: 170px;
  resize: vertical;
  line-height: 1.6;
}

/* SUBMIT */

.contact-form__footer {
}

.contact-form input[type="submit"] {
  min-height: 50px;
  padding: 14px 28px;
  border: none;
  border-radius: 8px;
  background: var(--form-accent);
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.contact-form input[type="submit"]:hover {
  border-color: #000;
  background: #fff;
}

/* ERRORS */

.contact-form .wpcf7-not-valid {
  border-color: #dc3545 !important;
}

.contact-form .wpcf7-not-valid-tip {
  margin-top: 6px;
  font-size: 12px;
  color: #dc3545;
}

.contact-form .wpcf7-response-output {
  margin: 20px 0 0 !important;
  padding: 14px !important;
  border-radius: 8px;
}

/* MOBILE */

@media (max-width: 650px) {

  .contact-form__header h2 {
    font-size: 23px;
  }

  .contact-form__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .contact-form input[type="text"],
  .contact-form input[type="email"],
  .contact-form input[type="tel"],
  .contact-form textarea {
    font-size: 16px;
  }

  .contact-form__footer {
    display: block;
  }

  .contact-form input[type="submit"] {
    width: 100%;
  }

}

/* =====================================
   UNIVERSEEL REPARATIEFORMULIER
   CONTACT FORM 7
===================================== */

.repair-form {
  --form-accent: #0c4744;
  --form-accent-hover: #008fc5;

  width: 100%;
  max-width: 920px;
  color: #171717;
  font-family: inherit;
}

.repair-form *,
.repair-form *::before,
.repair-form *::after {
  box-sizing: border-box;
}

/* HEADER */

.repair-form__header {
  margin-bottom: 28px;
}

.repair-form__header h2 {
  margin: 0 0 10px;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.3;
  color: #111;
}

.repair-form__header p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #727b85;
}

/* GRID */

.repair-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 24px;
}

.repair-form__field {
  min-width: 0;
}

.repair-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* INPUTS */

.repair-form input[type="text"],
.repair-form input[type="email"],
.repair-form input[type="tel"],
.repair-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 15px 17px;
  background: #fff;
  border: 1px solid #dce1e6;
  border-radius: 9px;
  color: #222;
  font-family: inherit;
  font-size: 14px;
  box-shadow: none;
  outline: none;
}

.repair-form input[type="text"],
.repair-form input[type="email"],
.repair-form input[type="tel"] {
  height: 54px;
}

.repair-form input::placeholder,
.repair-form textarea::placeholder {
  color: #98a1ab;
  opacity: 1;
}

/* FOCUS */

.repair-form input:focus,
.repair-form textarea:focus {
}

/* UPLOAD */

.repair-form__upload {
  margin-bottom: 24px;
}

.repair-form__upload label {
  display: block;
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: 600;
  color: #222;
}

.repair-form input[type="file"] {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 17px;
  background: #f8fbfd;
  border: 2px dashed #d1dce4;
  border-radius: 10px;
  font-size: 13px;
  color: #677481;
  cursor: pointer;
}

.repair-form input[type="file"]:hover {
  border-color: #000;
  background: #fff;
}

.repair-form input[type="file"]::file-selector-button {
  background: var(--form-accent);
  border: none;
  border-radius: 6px;
  padding: 11px 17px;
  margin-right: 14px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.repair-form__upload small {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #88939e;
}

/* MESSAGE */

.repair-form__message label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

.repair-form textarea {
  min-height: 170px;
  resize: vertical;
  line-height: 1.6;
}

/* SUBMIT */

.repair-form__footer {
}

.repair-form input[type="submit"] {
  min-height: 50px;
  padding: 14px 28px;
  border: none;
  border-radius: 8px;
  background: #000;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.repair-form input[type="submit"]:hover {
  background: #000;
  color: #fff;
}

/* ERRORS */

.repair-form .wpcf7-not-valid {
  border-color: #dc3545 !important;
}

.repair-form .wpcf7-not-valid-tip {
  margin-top: 6px;
  font-size: 12px;
  color: #dc3545;
}

.repair-form .wpcf7-response-output {
  margin: 20px 0 0 !important;
  padding: 14px !important;
  border-radius: 8px;
}

/* MOBILE */

@media (max-width: 650px) {

  .repair-form__header h2 {
    font-size: 23px;
  }

  .repair-form__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .repair-form input[type="text"],
  .repair-form input[type="email"],
  .repair-form input[type="tel"],
  .repair-form textarea {
    font-size: 16px;
  }

  .repair-form__footer {
    display: block;
  }

  .repair-form input[type="submit"] {
    width: 100%;
  }

}
/* TOEGANKELIJKHEID */

@media (prefers-reduced-motion: reduce) {

  .toz-contact input,
  .toz-contact textarea {
    transition: none !important;
  }

}

/* ==========================================
   PRODUCTPAGINA - TABLET STAAND
   Beide hoofdkolommen onder elkaar
========================================== */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    body.single-product .tablet-product-layout {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        clear: both !important;
    }

    /* Binnenruimte van de hoofdkolommen */
    body.single-product .tablet-product-layout > .vc_column-inner {
        box-sizing: border-box !important;
    }
}
/* Accounticoon wit - mobiel en tablet */
@media (max-width: 1024px) {
    .wd-header-my-account .wd-tools-icon::before {
        color: #fff !important;
    }
}
/* =========================================
   MOBIEL & TABLET - HEADER EN MENU
   Alleen schermen t/m 1024px
========================================= */

@media (max-width: 1024px) {

    /* Main Header ligt boven de zoekbalk */
    .whb-general-header {
        position: relative !important;
        z-index: 50 !important;
    }

    /* Zoekbalk schuift ACHTER de Main Header */
    .whb-header-bottom {
        position: relative !important;
        z-index: 10 !important;
        transition: transform .45s cubic-bezier(.4, 0, .2, 1) !important;
        will-change: transform;
        background-color: #000 !important;
    }

    /* Zoekbalk verbergen bij omlaag scrollen */
    body.hide-mobile-search .whb-header-bottom {
        transform: translateY(-100%) !important;
        pointer-events: none;
    }

    /* Productinformatie links uitlijnen */
    .product-meta-left {
        text-align: left;
    }

    /* Schaduw van sticky header verwijderen */
    .whb-sticky-shadow.whb-sticked .whb-main-header {
        box-shadow: 0 0 0 rgb(255 255 255 / 10%) !important;
    }

    /* Mobiele zoekbalk */
    .wd-search-form.wd-header-search-form-mobile {
        border: 0 !important;
        background-color: #fff;
    }

    /* Mobiel menu - Sluiten rechts uitlijnen */
    .mobile-nav .wd-heading {
        text-align: right !important;
    }

    .mobile-nav .wd-heading .close-side-widget {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    /* Pijltjes categorie-menu */
    .mobile-nav .wd-nav-opener::after {
        color: #333333 !important;
        font-size: 16px !important;
        opacity: 1 !important;
    }

}

.wd-header-mobile-nav .wd-tools-icon:before {
    color: #fff;
}
/* Alleen het kortingslabel */
.product-labels .product-label--korting {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 5px 12px 5px 6px !important;
    border-radius: 50px !important;
}
/* Eigen wit SVG-icoon */
.product-labels .product-label--korting::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 17px !important;
    background: url("https://www.tomosonderdelenzeeland.nl/app/uploads/2026/10/Sale-Productpagina-Icon-WHITE.svg")
        center / contain no-repeat !important;
    border: none !important;
    border-radius: 0 !important;
}
/* Productlabels linksboven - alleen productpagina */

body.single-product .woocommerce-product-gallery {
    position: relative !important;
}

body.single-product .woocommerce-product-gallery .product-labels {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
    z-index: 5 !important;
}

.single-product .product-additional-galleries {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 50px !important;
    z-index: 1 !important;
} 

/* ========================================
   WINKELWAGEN - PERSOONLIJK HULPBLOK
======================================== */

.winkelwagen-hulpblok {
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0 0;
    padding: 20px 22px;
    background: #fff;
    border-radius: 10px;
}
.winkelwagen-hulpblok-inhoud {
    display: flex;
    align-items: center;
    gap: 15px;
}
.winkelwagen-hulpblok-icoon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    font-size: 25px;
    font-weight: 700;
}
.winkelwagen-hulpblok-tekst {
    flex: 1;
    min-width: 0;
}
.winkelwagen-hulpblok-tekst h3 {
    margin: 0 0 5px;
    color: #111827;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}
.winkelwagen-hulpblok-tekst p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}
.winkelwagen-hulpblok-knoppen {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}
.winkelwagen-hulpblok-knop {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 12px;
    background: #f2f2f2;
    color: #333 !important;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.winkelwagen-hulpblok-knop:hover {
    background: #e5e5e5;
}

@media (max-width: 767px) {
    .winkelwagen-hulpblok {
        margin-top: 35px;
        padding: 16px;
    }

    .winkelwagen-hulpblok-inhoud {
        align-items: flex-start;
        gap: 12px;
    }

    .winkelwagen-hulpblok-icoon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .winkelwagen-hulpblok-tekst h3 {
        font-size: 16px;
    }

    .winkelwagen-hulpblok-tekst p {
        font-size: 13px;
    }

    .winkelwagen-hulpblok-knoppen {
        gap: 8px;
    }
}

.persoonlijk-contactblok .contactblok-knoppen a.btn:hover {
    background: #e5e5e5 !important;
}
/* ==================================================
   PERSOONLIJK CONTACTBLOK - COMPLETE CSS
   WOODMART + WPBAKERY
   ================================================== */
/* BUITENSTE KAART */
.persoonlijk-contactblok {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 24px 16px !important;
    background: #f2f2f2 !important;
    border-radius: 12px !important;
}
.persoonlijk-contactblok .wpb_content_element {
    margin-bottom: 0 !important;
}
/* FOTO EN TEKST */
.persoonlijk-contactblok .contactblok-boven {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.persoonlijk-contactblok .contactblok-foto {
    float: none !important;
    flex: 0 0 175px !important;
    width: 175px !important;
    max-width: 175px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.persoonlijk-contactblok
.contactblok-foto > .vc_column-inner {
    padding: 0 !important;
}
.persoonlijk-contactblok .contactblok-foto img {
    display: block !important;
    width: 150px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}
.persoonlijk-contactblok .contactblok-tekst {
    float: none !important;
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.persoonlijk-contactblok
.contactblok-tekst > .vc_column-inner {
    padding: 0 !important;
}
/* TITEL */
.persoonlijk-contactblok .contactblok-titel {
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
/* BLAUWE NAAM MET SCHUINE LIJN */
.persoonlijk-contactblok .contactblok-naam {
    display: inline-block !important;
    position: relative !important;
    color: #20B2AA !important;
    border: 0 !important;
    padding-bottom: 4px !important;
    line-height: 1.1 !important;
}
.persoonlijk-contactblok .contactblok-naam::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: #20B2AA !important;
    border-radius: 3px !important;
    transform: rotate(-3deg) !important;
    transform-origin: left center !important;
}
/* BESCHRIJVING */
.persoonlijk-contactblok .contactblok-beschrijving {
    margin: 0 !important;
    padding: 0 !important;
    color: #65717a !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}
/* ==================================================
   KNOPPENRIJ
   DRIE GELIJKE KOLOMMEN
   ALLEEN RUIMTE TUSSEN DE KNOPPEN
   ================================================== */
.persoonlijk-contactblok .contactblok-knoppen {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}
/* WPBakery voegt ::before en ::after toe aan vc_row.
   Met flex + gap nemen deze onzichtbare elementen ruimte in
   aan de linker- en rechterkant. */
.persoonlijk-contactblok .contactblok-knoppen::before,
.persoonlijk-contactblok .contactblok-knoppen::after {
    content: none !important;
    display: none !important;
}
/* Reset de standaard WPBakery-kolombreedtes */
.persoonlijk-contactblok
.contactblok-knoppen > .wpb_column {
    display: block !important;
    float: none !important;
    clear: none !important;
    flex: 1 1 0 !important;
    width: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* De drie eigen knopclasses */
.persoonlijk-contactblok .contactknop-whatsapp,
.persoonlijk-contactblok .contactknop-bellen,
.persoonlijk-contactblok .contactknop-email {
    flex: 1 1 0 !important;
    width: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Binnenste WPBakery-elementen */
.persoonlijk-contactblok
.contactblok-knoppen .vc_column-inner,
.persoonlijk-contactblok
.contactblok-knoppen .wpb_wrapper,
.persoonlijk-contactblok
.contactblok-knoppen .wd-button-wrapper,
.persoonlijk-contactblok
.contactblok-knoppen .wd-btn-wrapper,
.persoonlijk-contactblok
.contactblok-knoppen .wd-button-wrapper > div {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* KNOPPEN */
.persoonlijk-contactblok .contactblok-knoppen a.btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 5px !important;
    background: #fff !important;
    color: #333 !important;
    border-radius: 50px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: nowrap !important;
}
/* ==================================================
   DESKTOP
   FOTO LINKS, TEKST + KNOPPEN RECHTS
   ================================================== */
@media (min-width: 768px) {

    .persoonlijk-contactblok {
        padding: 24px 10px !important;
    }

    .persoonlijk-contactblok .contactblok-boven {
        display: block !important;
        padding-left: 175px !important;
    }

    /* Foto over de hoogte van de kaart */

    .persoonlijk-contactblok .contactblok-foto {
        position: absolute !important;
        left: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 150px !important;
        max-width: 150px !important;
    }

    .persoonlijk-contactblok .contactblok-foto img {
        width: 150px !important;
        max-width: 100% !important;
    }

    .persoonlijk-contactblok .contactblok-tekst {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Knoppen exact onder de tekstkolom */

    .persoonlijk-contactblok .contactblok-knoppen {
        width: calc(100% - 175px) !important;
        max-width: none !important;
        margin: 12px 0 0 175px !important;
			
    }
}
/* ==================================================
   MOBIEL
   FOTO LINKS, TITEL RECHTS
   BESCHRIJVING EN KNOPPEN VOLLE BREEDTE
   ================================================== */

@media (max-width: 767px) {

    .persoonlijk-contactblok {
        padding: 24px 5px !important;
        border-radius: 10px !important;
    }
    .persoonlijk-contactblok .contactblok-boven {
        display: grid !important;
        grid-template-columns: 105px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        column-gap: 12px !important;
        row-gap: 10px !important;
        align-items: center !important;
        align-content: start !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Foto */
    .persoonlijk-contactblok .contactblok-foto {
        position: static !important;
        transform: none !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 105px !important;
        max-width: 105px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .persoonlijk-contactblok .contactblok-foto img {
        width: 105px !important;
        max-width: 100% !important;
        height: auto !important;
    }
    /* WPBakery-wrappers opheffen voor de tekst */
    .persoonlijk-contactblok .contactblok-tekst,
    .persoonlijk-contactblok
    .contactblok-tekst > .vc_column-inner,
    .persoonlijk-contactblok
    .contactblok-tekst > .vc_column-inner > .wpb_wrapper,
    .persoonlijk-contactblok
    .contactblok-tekst .wpb_text_column,
    .persoonlijk-contactblok
    .contactblok-tekst .wpb_text_column > .wpb_wrapper {
        display: contents !important;
    }
    /* Titel rechts van de foto */
    .persoonlijk-contactblok .contactblok-titel {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 25px !important;
        line-height: 1.2 !important;
			  text-align: center;
    }
    /* Beschrijving onder foto en titel */
    .persoonlijk-contactblok .contactblok-beschrijving {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
    }
    /* Drie knoppen over de volledige binnenbreedte */
    .persoonlijk-contactblok .contactblok-knoppen {
        padding: 0 !important;
			  gap: 8px !important;
			  margin: 0px 0px 0px 0px !important;
    }
    .persoonlijk-contactblok
    .contactblok-knoppen a.btn {
        min-height: 42px !important;
        padding: 8px 3px !important;
        font-size: 12px !important;
    }
}

/* ==================================================
   KLEINE TELEFOONS
   ================================================== */

@media (max-width: 360px) {
    .persoonlijk-contactblok {
        padding: 10px 8px !important;
    }
    .persoonlijk-contactblok .contactblok-boven {
        grid-template-columns: 90px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }
    .persoonlijk-contactblok .contactblok-foto,
    .persoonlijk-contactblok .contactblok-foto img {
        width: 90px !important;
        max-width: 90px !important;
    }
    .persoonlijk-contactblok .contactblok-titel {
        font-size: 20px !important;
    }
    .persoonlijk-contactblok .contactblok-knoppen {
        gap: 6px !important;
    }
    .persoonlijk-contactblok
    .contactblok-knoppen a.btn {
        font-size: 11px !important;
        padding: 8px 2px !important;
    }
}

@media (min-width: 1025px) {
    p.stock.in-stock.wd-style-bordered.aangepaste-voorraadtekst {
        margin-left: -5px !important;
        margin-top: 0px !important;
        margin-bottom: -35px !important;
    }
}
@media (max-width: 1024px) {
    p.stock.in-stock.wd-style-bordered.aangepaste-voorraadtekst {
        margin-left: 0px !important;
        margin-top: 0px !important;
        margin-bottom: -35px !important;
    }
}
/* Bedrijfsnaam - optioneel tonen */
#billing_company_field label::after,
#shipping_company_field label::after {
    content: " (optioneel)";
    color: #999;
    font-size: 13px;
    font-weight: 400;
}
.wd-progress-bar .progress-bar {
	   Background-color: #2EAD5F !important;
}
.wd-free-progress-bar .progress-bar {
     background-image: none !important;
}
/* Placeholder lichtgrijs */
#billing_company::placeholder,
#shipping_company::placeholder {
    color: #aaa !important;
    opacity: 1;
}
/* Taalkeuze verbergen zodra een categorie-submenu geopend is */
@media (max-width: 1024px) {

    .mobile-categories-menu:has(> li[aria-expanded="true"]) #menu-item-43875 {
        display: none !important;
    }
}
/* ==================================================
   MOBIEL - GTRANSLATE ONDER AANBIEDINGEN
   Menu item: #menu-item-43875
   ================================================== */
@media (max-width: 1024px) {

/* Hoofditem normaal onderdeel van het menu */
#menu-item-43875 {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
}
    /* De WoodMart-link "Taalselectie mobiel" niet tonen */
#menu-item-43875 > .woodmart-nav-link {
        display: none !important;
}

    /* WoodMart submenu-pijltje verwijderen */
    #menu-item-43875 > .wd-nav-opener {
        display: none !important;
}
    /*
     * HTML-block zichtbaar maken,
     * maar NIET absoluut/fixed positioneren
     */
#menu-item-43875 > .wd-sub-menu {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        translate: none !important;
        pointer-events: auto !important;
    }

    /* Eventuele WoodMart terug-regel in dit HTML-block weg */
#menu-item-43875 .wd-drilldown-back,
#menu-item-43875 .wd-nav-back,
#menu-item-43875 .menu-item-back {
        display: none !important;
    }

    /* GTranslate wrapper zelf in normale document-flow */
    #menu-item-43875 .gtranslate_wrapper,
    #menu-item-43875 #gt_float_wrapper,
    #menu-item-43875 .gt_float_switcher {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;
        transform: none !important;
        translate: none !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* GTranslate niet boven andere menu-items laten zweven */
    #menu-item-43875 #gt_float_wrapper {
        z-index: auto !important;
    }
}
.woocommerce-myparcel__delivery-options h3 {
    color: #20b2aa !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}
.woocommerce-additional-fields h3 {
    display: none !important;
}
.woocommerce-myparcel__delivery-options {
    visibility: hidden;
}
#billing_house_number,
#billing_house_number_suffix,
#shipping_house_number,
#shipping_house_number_suffix {
    text-align: left !important;
    padding-left: 12px !important;
}
/* Nr. volledig vervangen door Huisnummer */
label[for="billing_house_number"],
label[for="shipping_house_number"] {
    font-size: 0 !important;
    color: transparent !important;
}

/* Nieuwe tekst */
label[for="billing_house_number"]::before,
label[for="shipping_house_number"]::before {
    content: "Huisnummer ";
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #222 !important;
}

/* Sterretje */
label[for="billing_house_number"]::after,
label[for="shipping_house_number"]::after {
    content: "";
    font-size: 14px !important;
    font-weight: 500 !important;
    color: red !important;
}
.checkout-subheading {
	  display: block !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 14px 16px;
    margin: 0 0 20px 0;
    background: #fff;
    border-radius: 5px;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}
.woocommerce-shipping-methods label {
    font-weight: 400 !important;
}
/* Checkout labels */
body.woocommerce-checkout label {
    font-weight: 500;
}
/* Titel boven het alternatieve afleveradres */
.woocommerce-shipping-fields .shipping_address::before {
    content: "Verzendingsadres";
	  display: block !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 14px 16px;
    margin: 0 0 20px 0;
    background: #fff;
    border-radius: 5px;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}
/* Bestelnotities volledig verbergen */
.woocommerce-additional-fields {
    display: none !important;
}
.wd-accordion.wd-style-default>.wd-accordion-item:first-of-type, .wd-accordion.wd-style-default>.wd-nav-wrapper+.wd-accordion-item {
    border-top: 0px solid !important;
}
.wd-accordion.wd-style-default>.wd-accordion-item {
	    border-bottom: 1px solid #f5f5f5 !important;
}
@media (max-width: 1024px) {
    /* Winkelwagen */
    .cart-widget-side,
    /* Account-sidebar - exacte class controleren nadat Sidebar is ingeschakeld */
    .login-form-side {
        --wd-side-hidden-w: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* Winkelwagen fullscreen op mobiel + tablet */
@media (max-width: 1024px) {
    .cart-widget-side {
        --wd-side-hidden-w: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* Alle WoodMart sluitknoppen: tekst links, kruis rechts */
.close-side-widget.wd-cross-icon > a {
    flex-direction: row-reverse !important;
    gap: 6px !important;
}
.widget_price_filter [class*="price_slider_amount"] .button {
    border-radius: 50px !important;
}
.button {
    border-radius: 50px !important;
}
.wd-switch-to-register {
		  border-radius: 50px !important;
}
:is(.register,.woocommerce-form-login) .button {
	  border-radius: 50px !important;
}
.wd-wishlist-create-group-btn {
	  border-radius: 50px !important;
}
.wd-checkout-prod-cont .quantity :is(input[type="button"],input[type="number"],input[type="text"]) {
	  height: 32px !important;
    width: 32px !important; 
	  margin: 0 !important;
	  background-color: #f2f2f2 !important;
}
div.quantity input[type="button"]:hover {
    color: #174A7E !important;
}
body.woocommerce-cart .woocommerce-cart-form .quantity .minus:hover {
    color: #174A7E !important;
}
body.woocommerce-cart .woocommerce-cart-form .quantity .plus:hover {
    color: #174A7E !important;
}
.wd-payment-methods #place_order {
	  border-radius: 50px !important;
}
.wd-cart-totals .wc-proceed-to-checkout .checkout-button {
	  border-radius: 50px !important;
}
.woocommerce-mini-cart__buttons .btn-cart {
	  border-radius: 50px !important;
}
.woocommerce-mini-cart__buttons .checkout {
    border-radius: 50px !important;
}
/* Select options → Kies opties */
.wd-sticky-add-to-cart {
    font-size: 0 !important;
}

.wd-sticky-add-to-cart::after {
    content: "Kies een opties";
    font-size: 13px;
}
.wd-product.wd-hover-fw-button .wd-add-btn>a {
    border-radius: 50px !important;
}
.wd-action-btn>a:after {
    animation: none !important;
}
.single-product .vc_custom_1733909734005 {
    border-radius: 50px !important;
    background: #fff !important;
 	  height: 42px !important;
    width: 42px !important;
}
/* Rij met winkelwagen + projecten */
.add-cart-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 10px;
}

/* Linkerkolom: zoveel mogelijk ruimte */
.add-cart-row > .wpb_column:first-child {
    flex: 1 1 0 !important;
    width: auto !important;
}

/* Rechterkolom: alleen ruimte voor projectenknop */
.add-cart-row > .wpb_column:last-child {
    flex: 0 0 52px !important;
    width: 52px !important;
}

/* WPBakery padding verwijderen */
.add-cart-row > .wpb_column > .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (max-width: 1024px) {
	
    .wd-sticky-btn.wd-sticky-btn-shown:hover {
        background: #10375F !important;
    }

    .wd-sticky-btn.wd-sticky-btn-shown .single_add_to_cart_button,
    .wd-sticky-btn.wd-sticky-btn-shown .wd-sticky-btn-cart,
    .wd-sticky-btn.wd-sticky-btn-shown form.cart {
        background: transparent !important;
    }

    .wd-sticky-btn.wd-sticky-btn-shown:hover .single_add_to_cart_button,
    .wd-sticky-btn.wd-sticky-btn-shown:hover .wd-sticky-btn-cart,
    .wd-sticky-btn.wd-sticky-btn-shown:hover form.cart {
        background: transparent !important;
    }
}
.wd-sticky-btn .woocommerce-price-suffix {
    display: none !important;
}
@media (max-width: 1024px) {

    .wd-sticky-btn .wd-sticky-btn-content,
    .wd-sticky-btn .quantity,
    .wd-sticky-btn .stock,
    .wd-sticky-btn .wd-stock-status {
        display: none !important;
}

.wd-sticky-btn {
      left: 15px !important;
      right: 72px !important;
      width: auto !important;
      height: 50px !important;
      margin: 0px 0px -10px 0px !important;
      padding: 5px !important;
      background: #174A7E !important;
      border-radius: 999px !important;
      box-shadow: 0 4px 16px rgba(0,0,0,.14) !important;
      overflow: hidden !important;
}
.wd-sticky-btn:hover {

}
.wd-sticky-btn .wd-sticky-btn-cart,
.wd-sticky-btn form.cart {
      width: 100% !important;
      height: 50px !important;
      margin: 0 !important;
      padding: 0 !important;
    }

.wd-sticky-btn .single_add_to_cart_button {
        width: 100% !important;
        height: 50px !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 0 26px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #174A7E !important;
        color: #fff !important;
        border-radius: 999px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }
}
/* "LIJN" */
@media (min-width: 1025px) {

.wd-sticky-btn {
        left: 0 !important;
        right: 0 !important;
        width: calc(100% - 60px) !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        background: #fff !important;
        border-radius: 45px !important;
        box-shadow: 0 4px 20px rgba(0,0,0,.12) !important;
        overflow: hidden !important;
}

.wd-sticky-btn .stock,
.wd-sticky-btn .wd-stock-status {
    display: none !important;
}
}
.wd-sticky-btn-shown.wd-sticky-btn {
    bottom: 20px;
}
.wd-sticky-btn form.cart {
    margin-top: 20px;
}
.wd-wishlist-btn > a span {
    display: none;
}
/* "Continue Shopping" visueel wijzigen naar "Verder winkelen" */
.popup-added_to_cart .close-popup {
    font-size: 0 !important;
}

.popup-added_to_cart .close-popup::after {
    content: "Verder winkelen";
    font-size: 13px;
}
.mc4wp-form .col {
    flex: 1 1 !Important;
}
/* Geen standaard WPBakery ruimte */
.wpb_raw_code:has(.desktop-usps) {
    margin-bottom: 0 !important;
}
/* Desktop USP balk */
.desktop-usps {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.desktop-usp {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    line-height: 1.3;
    color: #666;
    white-space: nowrap;
}
.desktop-usp svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    fill: #20b2aa;
}
/* Desktop USP's niet op mobiel */
@media (max-width: 767px) {
    .desktop-usps {
        display: none;
    }
}
.wpb_raw_code:has(.mobile-usp){
    margin-bottom: 0 !important;
}
.mobile-usp{
    width:100%;
    height:40px;
    overflow:hidden;
}
.mobile-usp-track{
    animation:mobileUsp 24s infinite;
}
.mobile-usp-item{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size :13px;
    line-height: 1.3;
    white-space: nowrap;
    color: #333;
}
.mobile-usp-item svg{
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    fill: #20b2aa;
}
@keyframes mobileUsp{
    0%,14%{transform:translateY(0)}
    18%,32%{transform:translateY(-40px)}
    36%,50%{transform:translateY(-80px)}
    54%,68%{transform:translateY(-120px)}
    72%,86%{transform:translateY(-160px)}
    90%,100%{transform:translateY(-200px)}
}
/* Nieuwe accordion titel */
.wd-accordion-title {
    position: relative !important;
    display: block !important;
}

/* Rondje rechts van de tekst/regel */
.wd-accordion-title .wd-accordion-opener {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #999 !important;
    border-radius: 50px !important;
    background: #fff !important;
    color: #111 !important;
}

/* Pijltje centreren */
.wd-accordion-title .wd-accordion-opener::before {
    position: static !important;
    margin: 0 !important;
    font-size: 14px !important;
    color: #111 !important;
}
/* Dicht = pijltje omlaag */
.wd-accordion-title .wd-accordion-opener::before {
    transform: rotate(0deg) !important;
    transition: transform .2s ease !important;
}

/* Open = pijltje omhoog */
.wd-accordion-title.wd-active .wd-accordion-opener::before {
    transform: rotate(180deg) !important;
}
/* Alleen rondje iets donkerder bij hover */
.wd-accordion-title:hover .wd-accordion-opener {
    border-color: #333 !important;
}
/* Vraag neemt alle beschikbare ruimte */
.product-faq-centered .wd-accordion-title-text {
    display: block !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.5 !important;
}
/* Rondje helemaal rechts */
.product-faq-centered .wd-accordion-opener {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    left: auto !important;
    transform: translateY(-50%) !important;
}
/* WoodMart pijltje */
.product-faq-centered .wd-accordion-opener::before {
    position: static !important;
    margin: 0 !important;
    font-size: 14px !important;
    color: #111 !important;
}
.wd-accordion-title:is(.wd-active, :hover) > .wd-accordion-title-text {
    color: #333 !important;
}
/* Alleen rondje iets donkerder bij hover */
.product-faq-centered .wd-accordion-title:hover .wd-accordion-opener {
    border-color: #333 !important;
}
/* FAQ titel ruimte geven voor knop rechts */
.product-faq-centered .wd-accordion-title {
    position: relative !important;
    padding-right: 55px !important;
    color: #222 !important;
}
/* Ronde knop geforceerd helemaal rechts */
.product-faq-centered .wd-accordion-opener {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid #999 !important;
    border-radius: 50% !important;
    background: #fff !important;
}
/* Tekst ook bij hover zwart houden */
.product-faq-centered .wd-accordion-title:hover,
.product-faq-centered .wd-accordion-title.wd-active {
    color: #222 !important;
}
/* Dicht = pijltje omlaag */
.product-faq-centered .wd-accordion-opener::before {
    transform: rotate(0deg) !important;
    transition: transform .2s ease !important;
}
/* Open = pijltje omhoog */
.product-faq-centered .wd-accordion-title.wd-active .wd-accordion-opener::before {
    transform: rotate(180deg) !important;
}
.product-faq-centered {
    margin-left: auto !important;
    margin-right: auto !important;
}
/* USP blok */
.product-usps-left > .vc_column-inner {
    padding-left: 0 !important;
}
/* USP blok */
.product-usps-right > .vc_column-inner {
    padding-left: 0 !important;
}
/* Hele WoodMart gallery-action container naar rechtsboven */
.single-product .product-additional-galleries {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 20 !important;
}
/* Binnenste knop normale positie geven */
.single-product .wd-show-product-gallery-wrap {
    position: static !important;
    margin: 0 !important;
}
/* Zoomknop: alleen icoon, zonder cirkel */
.single-product .wd-show-product-gallery-wrap,
.single-product .woodmart-show-product-gallery {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}
/* WoodMart pseudo-elementen ook transparant */
.single-product .woodmart-show-product-gallery::before,
.single-product .woodmart-show-product-gallery::after {
    background-color: transparent !important;
    box-shadow: none !important;
}
/* Huidige WoodMart icoon verbergen */
.single-product .woodmart-show-product-gallery::before {
    content: "\f002" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 20px !important;
    color: #333333 !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
}

/* Knop zelf kaal maken */
.single-product .woodmart-show-product-gallery {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}
.single-product .woodmart-show-product-gallery span {
    display: none !important;
}
/* Zoom icoon - hover */
.single-product .woodmart-show-product-gallery::before {
    color: #333333 !important;
}
.single-product .woodmart-show-product-gallery:hover::before {
    color: #767676  !important;
}
.wd-rs-679e40dc7f5a7 .price del, .wd-rs-679e40dc7f5a7 del .amount {
   font-size: 20px !important;
}
.single-product .price del {
    font-size: 20px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
	  color: #7f7f7f !important;
}
del .amount {
    color: #7f7f7f !important;
}
.single-product .price ins {
    vertical-align: middle !important;
}
/* PRODUCTOVERZICHT */
.products .wpced .wpced-inner::before {
    background-image: url("https://www.tomosonderdelenzeeland.nl/app/uploads/2026/10/Bezorging-icon-groen.svg") !important;
}
/* PRODUCTPAGINA */
.single-product .wpced .wpced-inner::before {
    background-image: url("https://www.tomosonderdelenzeeland.nl/app/uploads/2026/09/Bezorging-icon.svg") !important;
}
/* Verwachte levering op productpagina */
.single-product .estimated-delivery,
.single-product .delivery-date,
.single-product .wpced {
    color: #333 !important;
    font-weight: 600;
}
/* Productoverzicht - verwachte levering groen */
.products .wpced .wpced-inner {
    color: #009D6A !important;
}

/* Productpagina - verwachte levering donker */
.single-product .wpced .wpced-inner {
    color: #333333 !important;
}
/* Alleen 'Op voorraad' verbergen in productoverzicht */
.products .product .stock.in-stock {
    display: none !important;
}

/* Uitverkocht altijd zichtbaar houden */
.products .product .stock.out-of-stock {
    display: block !important;
}
.wd-nav.wd-style-bg>li>a:before {
		  background-color: #0c4744 !important;
}
.wd-shipping-progress-bar.wd-style-bordered .wd-free-progress-bar {
    background-color: #fff !Important;
	  border: 0px !Important;
	  padding: 0px !Important;
}
/* Verzendmethodes verbergen op winkelwagenpagina */
body.woocommerce-cart .woocommerce-shipping-methods {
}
/* Eventuele calculator/link ook verbergen */
body.woocommerce-cart .shipping-calculator-button,
body.woocommerce-cart .shipping-calculator-form {
    display: none !important;
}
.woocommerce-shipping-methods::after {
    content: "Op werkdagen vóór 17:00 besteld? Dezelfde dag verzonden.";
    display: block;
    margin-top: 10px;
    padding-top: 8px;
    color: #777;
    font-size: 12px;
    line-height: 1.35;
}
.wd-breadcrumbs .wd-delimiter:after {
    content: "›";
    color: #c2c2c2;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    top: 0px;
}
.contact-info-box .info-box-icon {
    align-self: center !important;
}
.korting-info-box .info-box-icon {
    align-self: center !important;
}
/* COMPACT MINIMAL MEGA MENU */
.vc_row .vc_tta.mega-minimal-tour .vc_tta-tabs-container,
.vc_row .vc_tta.mega-minimal-tour .vc_tta-tabs-list {
     margin: 0 !important;
     padding: 0 !important;
     background: transparent !important;
     border: 0 !important;
}
    /* Tabs */
    .vc_row .vc_tta.mega-minimal-tour.vc_general .vc_tta-tab {
     position: relative !important;
     margin: 0 !important;
     padding: 0 !important;
     background: transparent !important;
     border: 0 !important;
}
/* Links */
.vc_row .vc_tta.mega-minimal-tour.vc_general .vc_tta-tab > a {
    display: block !important;
    margin: 0 !important;
    padding: 9px 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #555 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}
/* Hover */
.vc_row .vc_tta.mega-minimal-tour.vc_general .vc_tta-tab:not(.vc_active) > a:hover {
    background: #f0f0f1 !important;
    color: #0c4744 !important;
}
/* Actieve categorie */
.vc_row .vc_tta.mega-minimal-tour.vc_general .vc_tta-tab.vc_active > a,
.vc_row .vc_tta.mega-minimal-tour.vc_general .vc_tta-tab.vc_active > a:hover,
.vc_row .vc_tta.mega-minimal-tour.vc_general .vc_tta-tab.vc_active > a:focus {
    background: #f0f0f1 !important;
    color: #0c4744 !important;
    font-weight: 700 !important;
    border: 0 !important;
    border-left: 3px solid #0c4744 !important;
    padding-left: 11px !important;
    box-shadow: none !important;
}
/* WPBakery pseudo-elementen weg */
.vc_row .vc_tta.mega-minimal-tour.vc_general .vc_tta-tab > a::before,
.vc_row .vc_tta.mega-minimal-tour.vc_general .vc_tta-tab > a::after {
    display: none !important;
}
.mega-fast-menu {
    width: 100%;
    max-width: 560px;
}
.mega-fast-menu > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
    transition:
}
.mega-fast-menu > a:hover {
    background-color: #f0f0f1;
    color: #18b3ad;
}
.mega-fast-menu .mega-arrow {
    flex: 0 0 auto;
    margin-left: 18px;
    font-size: 18px;
    line-height: 1;
}
.mega-fast-menu > a:hover .mega-arrow {
    transform: translateX(3px);
}
.mega-fast-menu > .mega-fast-all {
    margin-top: 12px;
    border-bottom: 0;
    border-radius: 4px;
    background-color: #f0f0f1;
    font-weight: 700;
}
.mega-fast-menu > .mega-fast-all:hover {
    background-color: #f0f0f1;
    color: #18b3ad;
}
/* ==========================================
   Moderne WoodMart / WooCommerce prijsfilter
   ========================================== */

/* Slider lijn */
.widget_price_filter .price_slider {
    position: relative !important;
    height: 3px !important;
    margin: 16px 8px 24px !important;
    border-radius: 999px !important;
}

/* Actieve gedeelte van slider */
.widget_price_filter .price_slider .ui-slider-range {
    height: 100% !important;
    border-radius: 999px !important;
}

/* Ronde sliderknoppen */
.widget_price_filter .price_slider .ui-slider-handle {
    position: absolute !important;
    width: 18px !important;
    height: 18px !important;
    top: 50% !important;
    bottom: auto !important;
    margin-top: 0 !important;
    margin-left: -7px !important;
    transform: translateY(-50%) !important;
    border: 2px solid #777 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
    cursor: pointer !important;
}

/* Standaard WoodMart decoratie verwijderen */
.widget_price_filter .price_slider .ui-slider-handle::before,
.widget_price_filter .price_slider .ui-slider-handle::after {
    display: none !important;
    content: none !important;
}

/* Prijs en filterknop naast elkaar */
.widget_price_filter .price_slider_amount {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 15px !important;
    width: 100% !important;
}

/* Prijstekst */
.widget_price_filter .price_label {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}
/* Filterknop */
.widget_price_filter .button {
    min-height: 36px !important;
    padding: 8px 15px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-transform: none !important;
    box-shadow: none !important;
}
/* Filterknop hover */
.widget_price_filter .button:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
}
.widget-title {
	  font-weight: 700 !important;
}
.widget {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 0px solid var(--brdcolor-gray-300) !important;
}
/* WooCommerce attribuutfilters */
.woocommerce-widget-layered-nav-list li {
    justify-content: flex-start !important;
}
.woocommerce-widget-layered-nav-list li a {
    flex-grow: 0 !important;
    width: auto !important;
}
.woocommerce-widget-layered-nav-list li .count {
    margin-left: 6px !important;
    margin-inline-start: 6px !important;
    margin-right: 0 !important;
    margin-inline-end: 0 !important;
}
nav[class*="-pagination"] li .current {
	  background-color: #0c4744 !important;
    border-radius: 50px;
}
nav[class*="-pagination"] li .page-numbers:hover {
    border-radius: 50px;
}
.product-label {
  font-weight: 700 !important;
	border-radius: 50px !important;
	font-size: 14px !important;
	padding: 6px 12px !important;
}
/* Hele kortingsrij */
.info-box .info-icon .toz-korting {
    display: flex !important;
    align-items: center !important;
}
/* Kolom waarin het %-icoon staat */
.info-box .info-icon .toz-korting .toz-korting-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
}
/* Binnenste WPBakery container */
.info-box .info-icon .toz-korting .toz-korting-icon > .vc_column-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

/* Afbeelding zelf */
.info-box .info-icon .toz-korting .toz-korting-icon .wpb_single_image {
    margin: 0 !important;
}
/* Rondje rond het icoon */
.product-usps-dekstop .usp-item i,
.product-usps-dekstop .usp-item .list-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    background: #d2efee;
}
/* Rondje rond het icoon */
.product-usps-mob .usp-item i,
.product-usps-mob .usp-item .list-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    background: #d2efee;
}
/* PRODUCTOVERZICHT - alleen € toevoegen als WooCommerce hem niet toont */
.wd-product .woocommerce-Price-currencySymbol:empty::before {
    content: "€";
}

/* WINKELWAGEN POPUP / SIDE CART - idem */
.wd-dropdown-cart .woocommerce-Price-currencySymbol:empty::before, .wd-header-cart .woocommerce-Price-currencySymbol:empty::before,
.cart-widget-side .woocommerce-Price-currencySymbol:empty::before {
    content: "€";
}
/* Voorraad */
.wd-product .stock {
    margin-bottom: 14px !important;
}

/* Prijs */
.wd-product .price {
    margin-top: 10px !important;
}
.wd-product .wd-entities-title {
    min-height: 65px;
}
.products .add_to_cart_button span::after {
    content: none !important;
    display: none !important;
}

/* Knop netjes centreren */
.products .add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Eigen winkelwagen vóór de tekst */
.products .add_to_cart_button > span::before {
    content: "\f123" !important;
    font-family: "woodmart-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: currentColor !important;
    display: inline-block !important;
    margin-right: 7px !important;
    vertical-align: middle !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.single-product .single_add_to_cart_button {
    line-height: 1.2 !important;
    color: #fff !important;
    text-indent: 0 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  	border-radius: 50px !important;
}
/* Icoon voor tekst */
.single-product .single_add_to_cart_button::before {
    content: "\f123" !important;
    font-family: "woodmart-font" !important;
    font-size: 21px !important;
    font-weight: normal !important;
    color: #fff !important;
    display: inline-block !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* Eventuele WoodMart-after verwijderen */
.single-product .single_add_to_cart_button::after {
    display: none !important;
    content: none !important;
}
.price ins,
.price ins .woocommerce-Price-amount {
    color: #C62828 !important;
    text-decoration: none !important;
}
/* Uitverkocht product: prijs niet onderaan laten plakken */
.products .product.outofstock .wrap-price {
    margin-top: 0px !important;
}
.products .product.outofstock .wd-add-btn {
    display: none !important;
}
.wd-rs-67595cdf93195 .wd-wishlist-btn > a span {
	  color: #000 !important;
}
.single-product .wd-wishlist-icon > a::after {
	  background-image: url(https://www.tomosonderdelenzeeland.nl/app/uploads/2024/01/schroeivendraaier.svg) !important;
}
/* Overal verbergen */
.woocommerce-price-suffix {
    display: none;
}

/* Alleen op single product pagina tonen */
.single-product .woocommerce-price-suffix {
    display: block;
    font-size: 14px;
}
.single-product p.price .woocommerce-Price-amount::before {
    content: "€";
}
.scheidingslijn-mob {
    height: 1px;
    background-color: #f0f0f1;
}
.product_meta {
    color: #222222 !Important;
	  font-weight: 500 !Important;
}
.vc_row.wpb_row.vc_row-fluid.korting-box.vc_custom_1789815851463.vc_row-has-fill.vc_row-o-equal-height.vc_row-flex.wd-rs-6aae6c1cb65e0 {
}
div.quantity input[type="button"] {
	  background-color: #f2f2f2 !Important;
	  border: 0px !Important;
}
#local_pickup_time_select .optional {
  display: none !important;
}
p.stock.wd-style-bordered.out-of-stock span::before {
  width: 0px !important;
  height: 0px !important;
}
.wpced .wpced-inner {
	font-weight: 600
		
}
.wpced .wpced-inner::before {
background-image: url("https://www.tomosonderdelenzeeland.nl/app/uploads/2026/09/Bezorging-icon.svg")!important;
}
p.stock.wd-style-bordered.aangepaste-voorraadtekst span {
	font-weight: 500;
}
.aangepaste-voorraadtekst span > span:first-child {
  display: none !important;
}
p.stock.wd-style-default.in-stock::before {
	content: "\f109" !important;
	width: 11px;
  height: 11px;
	background-color: #009D6A;
  border-radius: 50%;
}
p.stock.out-of-stock::before {
	content: "\f109" !important;
	width: 11px;
  height: 11px;
	background-color: #C62828;
  border-radius: 50%;
	font-family: "woodmart-font";
}   
p.stock.out-of-stock.wd-style-default.out-of-stock::before {
	color: #C62828 !important;
}
p.stock.out-of-stock {
	color: #C62828 !important;
}
p.stock {
	font-weight: 100 !Important;
}
.wd-product.wd-hover-fw-button .wrap-price {
	display: grid !Important;
}
.wpced .wpced-inner {
	 background-color: #fff !important;
	 padding: 0px 0px !important;
}
.wpced_wrapper_01 {
	 padding: 0px 0px !important;
}
.wd-wishlist-group-title h4:before{
    content: 'Je project';
    visibility: visible !Important;
}
.wd-wishlist-group-title h4{
    visibility: hidden;
}
.wd-product.wd-hover-fw-button .wd-wishlist-btn > a span {
    font-size: 0px !important;
}

.wd-action-btn.wd-style-icon>a:after {
    font-size: 0px !important;
}
@keyframes scb-shockwave-animation {
0% {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
	box-shadow: 0 0 2px rgb(14 205 14), inset 0 0 1px rgb(19 212 19) !important;
}
95% {
    box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
}
100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}}
.slider-in-container .wd-slide-container {
    background: linear-gradient(22deg, rgba(43,167,167,1) 0%, rgb(0 0 0 / 42%) 46%);
}
.wrapp-category {
    background: white;
}
.wd-my-account-links .wishlist-link a:before {
  visibility: hidden
}
.wd-my-account-links .wishlist-link {
    background-image: url(https://www.tomosonderdelenzeeland.nl/app/uploads/2024/01/schroeverdraaiergrijs.svg) !important;
    background-position: 50% 34% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-size: 14% !important;
}
span.mb-bhi-display.mb-bhi-closed {
    color: red;
}

.wd-single-content.wd-wpb {
    color: black;}
.wrapp-category h3{
  font-weight: 700;
  padding-bottom: 10px;
  text-align: left;
  margin-left: 10px;
}
.bpgroot {
  max-width: 70% !important;
}

.products[class*="wd-stretch-cont"] .product :is(.price,.wrap-price,.product-rating-price) {
    margin-top: 2px;
}
p.wd-product-stock.stock.wd-style-default.in-stock {
    margin-top: auto;
}

.wrapp-category h3:after{
 font-family: 'Font Awesome 5 Free';
content: "\f061";
  margin-left: 5px;
      color: #009D6A;
 font-weight: 900;
}
.wrapp-category .more-products{
 display: none;
}
body .wd-action-btn.wd-style-icon>a:before {
    display:none;
}
.wd-header-wishlist .wd-tools-icon:before {
  visibility: hidden
}
.wd-empty-wishlist:before {
  visibility: hidden
}

.wd-empty-wishlist {
    background-image: url("https://www.tomosonderdelenzeeland.nl/app/uploads/2024/01/schroeivendraaier.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  opacity: 0.6;
  display: block !important;
  background-size: 6% !important;
}
.wd-header-wishlist .wd-tools-icon{
  background-image: url("https://www.tomosonderdelenzeeland.nl/app/uploads/2024/01/schroeivendraaier.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  opacity: 0.9;
  margin-left: -10px;
  display: block !important;
  background-size: 55% !important;
}
body .wd-action-btn.wd-style-icon >a {
background-image: url("https://www.tomosonderdelenzeeland.nl/app/uploads/2024/01/schroeivendraaier.svg") !important;
background-position: center !important;
background-repeat: no-repeat !important;
opacity: 0.7;
background-size: 55% !important;
}
.wd-wishlist-btn > a span {
    color: white !important;
    font-size: 13px;
    font-weight: 500 !important;
}
.wd-wishlist-icon>a:before {
  visibility: hidden;
}
.wd-wishlist-icon>a:after {
  background-image: url(https://www.tomosonderdelenzeeland.nl/app/uploads/2024/01/gereedschapwhite.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 1.3em !important;
    height: 1.3em !important;
    border: none;
    border-radius: 0px;
    opacity: 1;
    background-size: 100% !important;
	  margin-top: -2px !important;
}
tr.woocommerce-product-attributes-item--attribute_pa_brand,tr.woocommerce-product-attributes-item--attribute_pa_size {
  display: none;
}
.scrollToTop {
    width: 43px !important;
    height: 43px !important;
}
#simple-chat-button--button {
    width: 50px !important;
    height: 50px !important;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjU2IiB3aWR0aD0iMjU2IiB2aWV3Qm94PSItMjMgLTIxIDY4MiA2ODIuNjY3IiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik01NDQuMzg3IDkzLjAwOEM0ODQuNTEyIDMzLjA2MyA0MDQuODgzLjAzNSAzMjAuMDUxIDAgMTQ1LjI0NiAwIDIuOTggMTQyLjI2MiAyLjkxIDMxNy4xMTNjLS4wMjMgNTUuODk1IDE0LjU3OCAxMTAuNDU3IDQyLjMzMiAxNTguNTUxTC4yNSA2NDBsMTY4LjEyMS00NC4xMDJjNDYuMzI0IDI1LjI3IDk4LjQ3NyAzOC41ODYgMTUxLjU1MSAzOC42MDJoLjEzM2MxNzQuNzg1IDAgMzE3LjA2Ni0xNDIuMjczIDMxNy4xMzMtMzE3LjEzMy4wMzUtODQuNzQyLTMyLjkyMi0xNjQuNDE4LTkyLjgwMS0yMjQuMzU5ek0zMjAuMDUxIDU4MC45NDFoLS4xMDljLTQ3LjI5Ny0uMDItOTMuNjg0LTEyLjczLTEzNC4xNi0zNi43NDJsLTkuNjIxLTUuNzE1LTk5Ljc2NiAyNi4xNzIgMjYuNjI5LTk3LjI3LTYuMjctOS45NzNjLTI2LjM4Ny00MS45NjktNDAuMzItOTAuNDc3LTQwLjI5Ny0xNDAuMjgxLjA1NS0xNDUuMzMyIDExOC4zMDUtMjYzLjU3IDI2My42OTktMjYzLjU3IDcwLjQwNi4wMjMgMTM2LjU5IDI3LjQ3NyAxODYuMzU1IDc3LjMwMXM3Ny4xNTYgMTE2LjA1MSA3Ny4xMzMgMTg2LjQ4NGMtLjA2MiAxNDUuMzQ0LTExOC4zMDUgMjYzLjU5NC0yNjMuNTk0IDI2My41OTR6bTE0NC41ODYtMTk3LjQxOGMtNy45MjItMy45NjktNDYuODgzLTIzLjEzMy01NC4xNDgtMjUuNzgxLTcuMjU4LTIuNjQ1LTEyLjU0Ny0zLjk2MS0xNy44MjQgMy45NjktNS4yODUgNy45My0yMC40NjkgMjUuNzgxLTI1LjA5NCAzMS4wNjZzLTkuMjQyIDUuOTUzLTE3LjE2OCAxLjk4NC0zMy40NTctMTIuMzM2LTYzLjcyNy0zOS4zMzJjLTIzLjU1NS0yMS4wMTItMzkuNDU3LTQ2Ljk2MS00NC4wODItNTQuODkxLTQuNjE3LTcuOTM3LS4wMzktMTEuODEyIDMuNDc3LTE2LjE3MiA4LjU3OC0xMC42NTIgMTcuMTY4LTIxLjgyIDE5LjgwOS0yNy4xMDVzMS4zMi05LjkxOC0uNjY0LTEzLjg4M2MtMS45NzctMy45NjUtMTcuODI0LTQyLjk2OS0yNC40MjYtNTguODQtNi40MzctMTUuNDQ1LTEyLjk2NS0xMy4zNTktMTcuODMyLTEzLjYwMi00LjYxNy0uMjMtOS45MDItLjI3Ny0xNS4xODctLjI3N3MtMTMuODY3IDEuOTgtMjEuMTMzIDkuOTE4LTI3LjczIDI3LjEwMi0yNy43MyA2Ni4xMDUgMjguMzk1IDc2LjY4NCAzMi4zNTUgODEuOTczIDU1Ljg3OSA4NS4zMjggMTM1LjM2NyAxMTkuNjQ4YzE4LjkwNiA4LjE3MiAzMy42NjQgMTMuMDQzIDQ1LjE3NiAxNi42OTUgMTguOTg0IDYuMDMxIDM2LjI1NCA1LjE4IDQ5LjkxIDMuMTQxIDE1LjIyNy0yLjI3NyA0Ni44NzktMTkuMTcyIDUzLjQ4OC0zNy42OCA2LjYwMi0xOC41MTIgNi42MDItMzQuMzc1IDQuNjE3LTM3LjY4NC0xLjk3Ny0zLjMwNS03LjI2Mi01LjI4NS0xNS4xODQtOS4yNTR6bTAgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center/26px 49px no-repeat #25D366 !important;
}

tr.fee th {
    color: white;
}

tr.fee th::after {
    content: "Transactie kosten";
    display: table;
    position: relative;
    color: #333333;
    width: 100%;
    margin-top: -1rem;
    height: 100%;
    vertical-align: middle;
}
....@media only screen and (max-width: 768px) {
  .text-right {
			--content-align: flex-start !important;
			max-width:120px;
	}
}
.grecaptcha-badge { display: none; }

@media (min-width: 1025px) {
	.vc_row .vc_tta.vc_general .vc_tta-tab.vc_active a {
		background: #0c4744 ! Important;
		color: white !important;
		font-weight: 900;
	}
	
	.vc_row .megamenuh4 h4 {
			color: #20B2AA !important;
	}
}
/* ========================================
   MOBIEL + TABLET CHECKOUT VOLGORDE
   ======================================== */

@media (max-width: 1024px) {

    /* Hoofdcheckout */
    .checkout-main {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    /*
     * Op mobiel halen we alleen de layout-wrappers
     * visueel weg. De echte WooCommerce-elementen
     * blijven gewoon één keer in de HTML bestaan.
     */
    .checkout-main > .checkout-left,
    .checkout-main > .checkout-right,
    .checkout-main > .checkout-left > .vc_column-inner,
    .checkout-main > .checkout-right > .vc_column-inner,
    .checkout-main > .checkout-left > .vc_column-inner > .wpb_wrapper,
    .checkout-main > .checkout-right > .vc_column-inner > .wpb_wrapper {
        display: contents !important;
    }

    /* 1. Factuuradres */
    .checkout-factuur {
        order: 1 !important;
        width: 100% !important;
    }

    /* 2. Overzicht bestelling */
    .checkout-overzicht {
        order: 2 !important;
        width: 100% !important;
    }

    /* 3. Meer informatie */
    .checkout-info {
        order: 3 !important;
        width: 100% !important;
    }

    /* 4. Betaalmethoden */
    .checkout-betaal {
        order: 4 !important;
        width: 100% !important;
    }
}
@media (max-width: 1024px) {

    .checkout-main {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .checkout-factuur,
    .checkout-overzicht,
    .checkout-info,
    .checkout-betaal {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}
.cart-info {
  	background-color: #fff !important;
	  padding-left: 15px !important;
	  padding-right: 15px !important;
	  padding-bottom: 30px !important;
	  padding-top: 30px !important;
	  border-radius: 10px !important;
}
.cart-overzicht {
  	background-color: #fff !important;
	  padding-left: 15px !important;
	  padding-right: 15px !important;
	  padding-top: 20px !important;
	  border-radius: 10px !important;
}
.checkout-factuur {
	  margin-top: 20px !important;
	  border-radius: 10px !important;
	  background-color: #fff !important;
	  padding: 15px !important;
}
.checkout-betaal {
	  margin-top: 20px !important;
	  border-radius: 10px !important;
	  background-color: #fff !important;
	  padding: 15px !important;
	  padding-bottom: 35px !important;
}
.checkout-overzicht {
	  margin-top: 20px !important;
	  border-radius: 10px !important;
	  background-color: #fff !important;
	  padding: 15px !important;
}
.checkout-info {
	  margin-top: 20px !important;
	  border-radius: 10px !important;
	  background-color: #fff !important;
	 	padding: 15px !important;
		padding-top: 35px !important;
}
.cart-totals-inner>h2 {
	  text-transform: none !important;
    font-size: 20px !important;
	  font-weight: 600 !important;
}
.woocommerce-cart-form>.cart .wd-cart-action-row td {
    display: none;
}
/* ==========================================
   CHECKOUT HEADER - ABSOLUTE LOGO CENTERING
   Desktop, Tablet & Mobile
   ========================================== */

/* Establish the header positioning context */
body.woocommerce-checkout .whb-general-header .whb-row {
    position: relative !important;
}
/* Center the logo column across the header */
body.woocommerce-checkout .whb-general-header .whb-col-center {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    justify-content: center !important;
}
/* Reset previous logo positioning */
body.woocommerce-checkout .whb-general-header .wd-logo {
    position: static !important;
    left: auto !important;
    transform: none !important;
    margin: 0 auto !important;
}
/* ==========================================
   CHECKOUT HEADER - CONTINUE SHOPPING LINK
   Desktop, Tablet & Mobile
   ========================================== */
/* Shopping link */
body.woocommerce-checkout a.checkout-continue-shopping {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #242424 !important;
    font-size: 0 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
/* Left arrow */
body.woocommerce-checkout a.checkout-continue-shopping::before {
    content: "❮" !important;
    display: inline-block !important;
    margin-right: 8px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}
/* Shopping link text */
body.woocommerce-checkout a.checkout-continue-shopping::after {
    content: "Verder winkelen" !important;
    display: inline-block !important;
    color: #242424 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
}
/* Hide existing icons */
body.woocommerce-checkout a.checkout-continue-shopping svg,
body.woocommerce-checkout a.checkout-continue-shopping i {
    display: none !important;
}
/* Hover and keyboard focus */
body.woocommerce-checkout a.checkout-continue-shopping:hover,
body.woocommerce-checkout a.checkout-continue-shopping:focus-visible {
    color: #0c4744 !important;
}
/* Mobile */
@media (max-width: 767px) {
body.woocommerce-checkout a.checkout-continue-shopping::before {
        font-size: 13px !important;
	      margin-right: 9px !important;
        line-height: 1 !important;
    }
body.woocommerce-checkout a.checkout-continue-shopping::after {
        font-size: 14px !important;
    }
}
/* ==========================================
   CHECKOUT HEADER - SINGLE LINE LINK
   Desktop, Tablet & Mobile
   ========================================== */
body.woocommerce-checkout a.checkout-continue-shopping {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    width: max-content !important;
}
body.woocommerce-checkout a.checkout-continue-shopping::before,
body.woocommerce-checkout a.checkout-continue-shopping::after {
    display: inline-block !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.woocommerce-form-coupon {
    background-color: #fff !important;
    border: 0px solid var(--brdcolor-gray-200) !important;
}
.cart-widget-side .woocommerce-mini-cart .mini_cart_item:hover {
    background-color: #fff !important;
}
body.page-id-12 .wd-page-content {
    background-color: #f2f2f2 !important;
}
body.page-id-11 .wd-page-content {
    background-color: #f2f2f2 !important;
}
/* ==========================================
   CONTACT SECTION - MAIN LAYOUT
   Desktop, Tablet & Mobile
   ========================================== */
.contact-section {
    --contact-background: #f2f2f2;
    --contact-icon-background: rgb(210, 239, 238);
    --contact-accent: #20b2aa;
    margin-bottom: 0 !important;
}
/* Equal-height WPBakery columns */
.contact-section > .wpb_column {
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
}
.contact-section > .wpb_column > .vc_column-inner {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
}
.contact-section > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
}
.contact-section .wpb_raw_code {
    flex: 1;
    margin-bottom: 0 !important;
}
.contact-section .wpb_raw_code > .wpb_wrapper {
    height: 100%;
}
/* ==========================================
   CONTACT SECTION - CARD CONTAINERS
   ========================================== */
.contact-section_intro,
.contact-section_details {
    width: 100%;
    height: 100%;
    min-height: 220px;
    box-sizing: border-box;
    background: #f2f2f2;
    border-radius: 15px;
    color: #ffffff;
}
/* ==========================================
   CONTACT SECTION - PRIMARY CARD
   ========================================== */
.contact-section_intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 32px 36px;
}
.contact-section_heading {
    margin: 0 0 12px !important;
    color: #333333 !important;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}
.contact-section_description {
    margin: 0 0 22px !important;
    color: #777777 !important;
    font-size: 15px;
    line-height: 1.5;
}
/* ==========================================
   CONTACT SECTION - WHATSAPP BUTTON
   ========================================== */
.contact-section_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 22px;
    background: #ffffff;
    border-radius: 10px;
    color: #333333 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
}
.contact-section_button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
}
.contact-section_button-icon:empty {
    display: none;
}
.contact-section_button-icon svg,
.contact-section_button-icon img {
    display: block;
    width: 22px;
    height: 22px;
    object-fit: contain;
}
/* ==========================================
   CONTACT SECTION - SECONDARY CARD
   ========================================== */
.contact-section_details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 26px;
    padding: 28px 30px;
}
.contact-section_item {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #ffffff !important;
    text-decoration: none !important;
}
.contact-section_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    background: #000;
    border-radius: 50%;
}
.contact-section_icon svg,
.contact-section_icon img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
}
/* ==========================================
   CONTACT SECTION - CONTACT TEXT
   ========================================== */
.contact-section_content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.contact-section_title {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}
.contact-section_subtitle {
    color: #777777;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
/* ==========================================
   CONTACT SECTION - ACCESSIBILITY
   ========================================== */
.contact-section a:focus-visible {
    outline: 2px solid var(--contact-accent);
    outline-offset: 4px;
}
/* ==========================================
   CONTACT SECTION - TABLET
   ========================================== */
@media (max-width: 1024px) {
.contact-section_intro {
        padding: 28px;
}
.contact-section_heading {
        font-size: 24px;
}
.contact-section_details {
        padding: 24px 20px;
        gap: 22px;
}
.contact-section_icon {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
}
.contact-section_icon svg,
.contact-section_icon img {
        width: 25px;
        height: 25px;
    }
}

/* ==========================================
   CONTACT SECTION - MOBILE
   ========================================== */
@media (max-width: 767px) {
.contact-section > .wpb_column {
        width: 100%;
}
    .contact-section_primary {
        margin-bottom: 14px !important;
}
.contact-section_intro,
.contact-section_details {
        min-height: 0;
        border-radius: 12px;
}
.contact-section_intro {
        padding: 26px 22px;
}

.contact-section_heading {
        font-size: 23px;
}
.contact-section_description {
        font-size: 14px;
        margin-bottom: 18px !important;
}
.contact-section_button {
        width: 100%;
        padding: 13px 16px;
        font-size: 13px;
}
.contact-section_details {
        padding: 24px 22px;
        gap: 22px;
}
.contact-section_icon {
        flex-basis: 54px;
        width: 54px;
        height: 54px;
}
.contact-section_title {
        font-size: 16px;
}
.contact-section_subtitle {
        font-size: 14px;
    }
}
/* ==========================================
   CUSTOMER SERVICE - GENERAL LAYOUT
   ========================================== */
.customer-service-layout {
    --service-background: #f2f2f2;
    --service-primary: #0c4744;
    --service-hover: #072f2d;
    --service-active: #dcecea;
    --service-white: #ffffff;
    --service-accent: #20b2aa;
    margin-bottom: 0 !important;
}
/* ==========================================
   CUSTOMER SERVICE - DESKTOP COLUMNS
   ========================================== */
@media (min-width: 1025px) {

.customer-service-layout_sidebar {
        width: 25%;
}
.customer-service-layout_main {
        width: 75%;
}
.customer-service-layout_sidebar > .vc_column-inner {
        background: var(--service-background);
        border-radius: 12px;
        padding: 28px 20px !important;
        box-sizing: border-box;
}
/* Hide mobile button and its WPBakery wrapper */
.customer-service-layout_sidebar
.wpb_raw_code:has(.customer-service-mobile) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
/* ==========================================
   CUSTOMER SERVICE - SIDEBAR HEADER
   ========================================== */
.customer-service-header {
    margin: 0 0 18px;
}
.customer-service-header_title {
    margin: 0 0 22px !important;
    color: #333 !important;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
}
.customer-service-header_label {
    display: block;
    margin: 0;
    color: #777;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}
/* ==========================================
   CUSTOMER SERVICE - NAVIGATION
   ========================================== */
.customer-service-navigation,
.customer-service-navigation .widget,
.customer-service-navigation .menu,
.customer-service-navigation ul,
.customer-service-navigation li {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.customer-service-navigation .widget {
    margin-bottom: 0 !important;
}
.customer-service-navigation ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
.customer-service-navigation li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
.customer-service-navigation li > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 46px;
    padding: 12px 14px !important;
    box-sizing: border-box;
    background: #ffffff;
    border: 0;
    border-radius: 8px;
    color: #333 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
    transition:
}
/* Navigation arrows */
.customer-service-navigation li > a::after {
    content: "›";
    margin-left: auto;
    padding-left: 10px;
    color: currentColor;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
}
/* Active page */
.customer-service-navigation li.current-menu-item > a,
.customer-service-navigation li.current_page_item > a,
.customer-service-navigation li.current-menu-ancestor > a {
    background: #dcecea !important;
    color: #000 !important;
    font-weight: 700;
}
/* Keyboard accessibility */
.customer-service-navigation li > a:focus-visible {
    outline: 2px solid #20b2aa;
    outline-offset: 2px;
}
/* ==========================================
   CUSTOMER SERVICE - MOBILE BUTTON
   ========================================== */
.customer-service-mobile {
    display: none;
}
/* ==========================================
   CUSTOMER SERVICE - TABLET AND MOBILE
   ========================================== */
@media (max-width: 1024px) {
    /* Stack WPBakery columns vertically */
.customer-service-layout_sidebar,
.customer-service-layout_main {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
}
    /* Sidebar container */
.customer-service-layout_sidebar > .vc_column-inner {
        width: 100%;
        padding: 14px !important;
        margin: 0 0 18px;
        background: #f2f2f2;
        border-radius: 12px;
        box-sizing: border-box;
}
    /* Remove WPBakery spacing from button element */
.customer-service-layout_sidebar
.wpb_raw_code:has(.customer-service-mobile) {
        display: block !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
}
/* Mobile button wrapper */
.customer-service-mobile {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
}
/* Mobile button */
.customer-service-mobile_button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        min-height: 48px;
        padding: 12px 18px;
        box-sizing: border-box;
        background: #fff;
        border: 0;
        border-radius: 10px;
        color: #333 !important;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
        cursor: pointer;
}
/* Mobile button */
	.customer-service-mobile_button:hover {
        background: #fff;
        border-radius: 10px;
        color: #333 !important;
}	
.customer-service-mobile_button svg {
        display: block;
        width: 22px;
        height: 22px;
        flex-shrink: 0;
        stroke: currentColor;
}
.customer-service-mobile_button:focus-visible {
        outline: 2px solid #20b2aa;
        outline-offset: 3px;
}
    /* Hide sidebar heading and menu by default */
    .customer-service-layout_sidebar
    .customer-service-header,
    .customer-service-layout_sidebar
    .customer-service-navigation {
        display: none;
}
    /* Show sidebar heading and menu when opened */
    body.customer-service-menu-open
    .customer-service-layout_sidebar
    .customer-service-header,
    body.customer-service-menu-open
    .customer-service-layout_sidebar
    .customer-service-navigation {
        display: block;
}
/* Spacing when navigation is expanded */
body.customer-service-menu-open
.customer-service-layout_sidebar
.customer-service-header {
        margin-top: 24px;
}
body.customer-service-menu-open
.customer-service-layout_sidebar
.customer-service-navigation {
        margin-top: 16px;
}
    /* Tablet typography */
.customer-service-header_title {
        font-size: 22px;
    }
}
/* ==========================================
   CUSTOMER SERVICE - MOBILE
   ========================================== */
@media (max-width: 767px) {
    .customer-service-layout_sidebar > .vc_column-inner {
        padding: 14px !important;
        margin-bottom: 16px;
}
.customer-service-mobile_button {
        min-height: 46px;
        padding: 12px 14px;
        font-size: 14px;
}
.customer-service-header_title {
        font-size: 21px;
}
.customer-service-navigation li > a {
        min-height: 46px;
        padding: 12px 13px !important;
        font-size: 13px;
}
.customer-service-layout_main > .vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* CUSTOMER SERVICE - OUTER ROW ALIGNMENT */
.customer-service-layout {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box;
}
/* CUSTOMER SERVICE - MOBILE SIDEBAR SPACING */
@media (max-width: 1024px) {
.customer-service-layout_sidebar {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
}
.customer-service-layout_sidebar > .vc_column-inner {
        height: auto !important;
        min-height: 0 !important;
        padding: 14px !important;
}
.customer-service-layout_sidebar > .vc_column-inner > .wpb_wrapper {
        height: auto !important;
        min-height: 0 !important;
}
.customer-service-layout_sidebar .wpb_raw_code {
        margin-bottom: 0 !important;
}
.customer-service-layout_sidebar .customer-service-mobile {
        margin: 0 !important;
}
.customer-service-layout_sidebar .customer-service-mobile_button {
        margin: 0 !important;
    }
}
/* ==========================================
   INFO CENTER - GENERAL LAYOUT
   ========================================== */
.info-center-layout {
    --service-background: #f2f2f2;
    --service-primary: #0c4744;
    --service-hover: #072f2d;
    --service-active: #dcecea;
    --service-white: #ffffff;
    --service-accent: #20b2aa;
    margin-bottom: 0 !important;
}
/* ==========================================
   INFO CENTER - DESKTOP COLUMNS
   ========================================== */
@media (min-width: 1025px) {

.info-center-layout_sidebar {
        width: 25%;
}
.info-center-layout_main {
        width: 75%;
}
.info-center-layout_sidebar > .vc_column-inner {
        background: var(--service-background);
        border-radius: 12px;
        padding: 28px 20px !important;
        box-sizing: border-box;
}
/* Hide mobile button and its WPBakery wrapper */
.info-center-layout_sidebar
.wpb_raw_code:has(.info-center-mobile) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
/* ==========================================
   INFO CENTER - SIDEBAR HEADER
   ========================================== */
.info-center-header {
    margin: 0 0 18px;
}
.info-center-header_title {
    margin: 0 0 22px !important;
    color: #333 !important;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
}
.info-center-header_label {
    display: block;
    margin: 0;
    color: #777;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}
/* ==========================================
   INFO CENTER - NAVIGATION
   ========================================== */
.info-center-navigation,
.info-center-navigation .widget,
.info-center-navigation .menu,
.info-center-navigation ul,
.info-center-navigation li {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.info-center-navigation .widget {
    margin-bottom: 0 !important;
}
.info-center-navigation ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
.info-center-navigation li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
.info-center-navigation li > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 46px;
    padding: 12px 14px !important;
    box-sizing: border-box;
    background: #ffffff;
    border: 0;
    border-radius: 8px;
    color: #333 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
    transition:
}
/* Navigation arrows */
.info-center-navigation li > a::after {
    content: "›";
    margin-left: auto;
    padding-left: 10px;
    color: currentColor;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
}
/* Active page */
.info-center-navigation li.current-menu-item > a,
.info-center-navigation li.current_page_item > a,
.info-center-navigation li.current-menu-ancestor > a {
    background: #dcecea !important;
    color: #000 !important;
    font-weight: 700;
}
/* Keyboard accessibility */
.info-center-navigation li > a:focus-visible {
    outline: 2px solid #20b2aa;
    outline-offset: 2px;
}
/* ==========================================
   INFO CENTER - MOBILE BUTTON
   ========================================== */
.info-center-mobile {
    display: none;
}
/* ==========================================
   INFO CENTER - TABLET AND MOBILE
   ========================================== */
@media (max-width: 1024px) {
    /* Stack WPBakery columns vertically */
.info-center-layout_sidebar,
.info-center-layout_main {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
}
    /* Sidebar container */
.info-center-layout_sidebar > .vc_column-inner {
        width: 100%;
        padding: 14px !important;
        margin: 0 0 18px;
        background: #f2f2f2;
        border-radius: 12px;
        box-sizing: border-box;
}
    /* Remove WPBakery spacing from button element */
.info-center-layout_sidebar
.wpb_raw_code:has(.info-center-mobile) {
        display: block !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
}
/* Mobile button wrapper */
.info-center-mobile {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
}
/* Mobile button */
.info-center-mobile_button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        min-height: 48px;
        padding: 12px 18px;
        box-sizing: border-box;
        background: #fff;
        border: 0;
        border-radius: 10px;
        color: #333 !important;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
        cursor: pointer;
}
/* Mobile button */
.info-center-mobile_button:hover {
        background: #fff;
        border-radius: 10px;
        color: #333 !important;
}	
.cinfo-center-mobile_button svg {
        display: block;
        width: 22px;
        height: 22px;
        flex-shrink: 0;
        stroke: currentColor;
}
.info-center-mobile_button:focus-visible {
        outline: 2px solid #20b2aa;
        outline-offset: 3px;
}
    /* Hide sidebar heading and menu by default */
    .info-center-layout_sidebar
    .info-center-header,
    .info-center-layout_sidebar
    .info-center-navigation {
        display: none;
}
    /* Show sidebar heading and menu when opened */
body.info-center-menu-open
    .info-center-layout_sidebar
    .info-center-header,
body.info-center-menu-open
    .info-center-layout_sidebar
    .info-center-navigation {
        display: block;
}
/* Spacing when navigation is expanded */
body.info-center-menu-open
.info-center-layout_sidebar
.info-center-header {
        margin-top: 24px;
}
body.info-center-menu-open
.info-center-layout_sidebar
.info-center-navigation {
        margin-top: 16px;
}
    /* Tablet typography */
.info-center-header_title {
        font-size: 22px;
    }
}
/* ==========================================
   INFO CENTER - MOBILE
   ========================================== */
@media (max-width: 767px) {
.info-center-layout_sidebar > .vc_column-inner {
        padding: 14px !important;
        margin-bottom: 16px;
}
.info-center-mobile_button {
        min-height: 46px;
        padding: 12px 14px;
        font-size: 14px;
}
.info-center-header_title {
        font-size: 21px;
}
.info-center-navigation li > a {
        min-height: 46px;
        padding: 12px 13px !important;
        font-size: 13px;
}
.info-center-layout_main > .vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* INFO CENTER - OUTER ROW ALIGNMENT */
.info-center-layout {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box;
}
/* INFO CENTER - MOBILE SIDEBAR SPACING */
@media (max-width: 1024px) {
.info-center-layout_sidebar {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
}
.info-center-layout_sidebar > .vc_column-inner {
        height: auto !important;
        min-height: 0 !important;
        padding: 14px !important;
}
.info-center-layout_sidebar > .vc_column-inner > .wpb_wrapper {
        height: auto !important;
        min-height: 0 !important;
}
.info-center-layout_sidebar .wpb_raw_code {
        margin-bottom: 0 !important;
}
.info-center-layout_sidebar .info-center-mobile {
        margin: 0 !important;
}
.info-center-layout_sidebar .info-center-mobile_button {
        margin: 0 !important;
    }
}
/* INFO CENTER - REMOVE BOTTOM SPACING */
@media (max-width: 1024px) {
    .info-center-layout_sidebar .info-center-navigation,
    .info-center-layout_sidebar .info-center-navigation .widget,
    .info-center-layout_sidebar .info-center-navigation ul,
    .info-center-layout_sidebar .info-center-navigation .wpb_wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
}
.info-center-layout_sidebar .info-center-navigation li:last-child {
        margin-bottom: 0 !important;
}
.info-center-layout_sidebar > .vc_column-inner {
        padding-bottom: 14px !important;
    }
}@media (min-width: 1025px) {
	.product.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span:after  {
  content: "\f123 ";
  margin-left : 5px;
  font-family: "woodmart-font";
}
select#local_pickup_time_select {
    width: 50%;
    margin-top: 10px;
}
li#menu-item-6617 {
    background: #009d6a;
    border-radius: 40px;
}
.desktopuit{
display: none !important;
}
.klantenserviceheader {
  margin-top: -10px;
}
table.variations {
    padding-right: 70px !important;
    display: block;
}
.product-type-variable .wd-single-action-btn.wd-single-wishlist-btn {
    margin-top: 42px !important;
}
.aanbiedingen span {
  background: rgb(0 157 106);
  color: white;
  padding: 10px;
  font-weight: 600;
  border-radius: 20px !important;
}
#shipping_method li:nth-child(2) {
  top: 5px !important;
  position: relative;
}

.wd-dropdown-menu.wd-dropdown.wd-design-sized.color-scheme-dark botton {
  font-size: 12px !important; }
.wd-nav.wd-style-bg>li>a {
    padding-inline: 11px !important;
}
.vc_tta.vc_general .vc_tta-tab.vc_active a{
  background: #009D6A !Important;
  color: white !important;
    font-weight: 900;
}
.wd-nav.wd-style-bg>li>a:before {
    border-radius: 10px !important;
    margin: -14px 0px !important;}
.vc_tta.vc_general .vc_tta-tab>a {
    padding: 10px 20px !important;}
a.btn.btn-scheme-custom.btn-scheme-hover-custom.btn-style-default.btn-style-semi-round.btn-size-small.btn-icon-pos-right {
    text-transform: math-auto !important;}
.megamenuh4 h4 {
  color: #009D6A !important;
  font-weight: 900;
  margin-bottom: -2px;
}
.megamenup p {
  color: #292929 !important;
}
wd-sub-menu>li>a, .mega-menu-list>li>a {
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: inherit !important;
}
.wd-dropdown-menu.wd-dropdown.wd-design-sized.color-scheme-dark {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
        margin-top: 10px!important;
}
.wd-dropdown-menu.wd-design-sized:not(.wd-scroll), .wd-dropdown-menu.wd-design-sized.wd-scroll .wd-dropdown-inner {
    padding: 0px 0px 0px 0px !important;
}


}

@media (min-width: 768px) and (max-width: 1024px) {
	.wd-header-mobile-nav .wd-tools-icon:before {
        color: #fff !important;
}
}

@media (max-width: 576px) {
	/* ==========================================
   TOMOSONDERDELENZEELAND - TAALKEUZE MOBIEL
   ========================================== */

/* HTML blok niet onnodig hoog maken */
.mobile-nav .wd-mob-nav-html-block,
.mobile-nav .wd-nav-mobile.wd-html-block-on .wd-mob-nav-html-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* NL blok direct onder het menu */
.mobile-nav .wapcm {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    transform: none !important;
    border-top: 1px solid #ececec !important;
    background: #fff !important;
}

/* Geen ongewenste ruimte vanuit elementen in het taalblok */
.mobile-nav .wapcm > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.wd-col-offcanvas-sm.wd-side-hidden .wd-heading .close-side-widget,
.wd-col-offcanvas-md-sm.wd-side-hidden .wd-heading .close-side-widget {
    flex: 0 0 auto !important;
    margin-left: 15px !important;
}
.wd-header-mobile-nav .wd-tools-icon:before {
    color: #fff !important;
}
.wd-header-my-account .wd-tools-icon:before {
    color: #fff !important;
}
.wd-nav-opener.wd-active:after {
    color: #fff;
}
/* =========================================
   FILTERPANEEL ECHT VOLLEDIG SCHERM
   ========================================= */

.wd-col-offcanvas-sm.wd-side-hidden,
.wd-col-offcanvas-md-sm.wd-side-hidden,
.wd-col-offcanvas-sm.wd-side-hidden.wd-left,
.wd-col-offcanvas-md-sm.wd-side-hidden.wd-left {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;

    flex: 0 0 100% !important;

    left: 0 !important;
    right: auto !important;

    transform: translateX(-100%) !important;
}

/* Geopend */
.wd-col-offcanvas-sm.wd-side-hidden.wd-opened,
.wd-col-offcanvas-md-sm.wd-side-hidden.wd-opened,
.wd-col-offcanvas-sm.wd-side-hidden.wd-left.wd-opened,
.wd-col-offcanvas-md-sm.wd-side-hidden.wd-left.wd-opened {
    left: 0 !important;
    right: auto !important;

    transform: translateX(0) !important;
}

/* Binnenkant ook 100% */
.wd-col-offcanvas-sm.wd-side-hidden > .vc_column-inner,
.wd-col-offcanvas-md-sm.wd-side-hidden > .vc_column-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
/* ================================
   Mobiel categorie-menu verfijnen
   ================================ */

/* Sluitknop */
.mobile-nav .wd-close-side {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Tabs compacter */
.mobile-nav .wd-nav-mobile > li,
.mobile-nav .wd-nav-tabs > li {
    min-height: 44px !important;
}

/* Tabtekst */
.mobile-nav .wd-nav-tabs a {
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Actieve tab */
.mobile-nav .wd-nav-tabs .wd-active > a,
.mobile-nav .wd-nav-tabs .active > a {
    border-bottom-color: #0c4744 !important;
}

/* Categorie-rijen compacter */
.mobile-nav .menu-item > a {
    min-height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    display: flex !important;
    align-items: center !important;

    font-size: 14px !important;
}

/* Scheidingslijnen subtieler */
.mobile-nav .menu-item {
    border-color: #ececec !important;
}

/* Pijltjes rechts subtieler */
.mobile-nav .wd-nav-opener,
.mobile-nav .menu-item-has-children > a::after {
    color: #666 !important;
    opacity: 0.8 !important;
}

/* Meer ademruimte links/rechts */
.mobile-nav .menu-item > a {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
/* =========================================
   1. MOBIEL MENU VOLLEDIGE BREEDTE
   ========================================= */

.mobile-nav {
    width: 100% !important;
    max-width: 100% !important;
}

/* Filter-icoon verwijderen */
.wd-off-canvas-btn > a::before,
.wd-off-canvas-btn > a::after {
    display: none !important;
    content: none !important;
}

/* Geen ruimte meer voor het icoon */
.wd-off-canvas-btn > a {
    gap: 0 !important;
}
/* ==========================================
   FILTER + SORTEREN
   TomosOnderdelenZeeland - Mobile CSS
   ========================================== */


/* ----- 2 gelijke kolommen ----- */

.wpb_wrapper:has(> .wd-wpb .wd-off-canvas-btn):has(> .wd-shop-ordering) {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
}


/* Producten-per-pagina verbergen */

.wpb_wrapper:has(> .wd-wpb .wd-off-canvas-btn)
> .wd-shop-prod-per-page {
    display: none !important;
}


/* ==========================================
   FILTERKNOP
   ========================================== */

.wpb_wrapper:has(> .wd-shop-ordering) > .wd-wpb {
    width: 100% !important;
    margin: 0 !important;
}

.wd-off-canvas-btn {
    width: 100% !important;
    margin: 0 !important;
}

.wd-off-canvas-btn > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: 100% !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    background-color: #0c4744 !important;
    color: #fff !important;

    border: 1px solid #0c4744 !important;
    border-radius: 4px !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;
}

.wd-off-canvas-btn > a::before,
.wd-off-canvas-btn > a::after {
    color: #fff !important;
}


/* ==========================================
   SORTERING
   ========================================== */

.wpb_wrapper > .wd-shop-ordering {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wd-shop-ordering .woocommerce-ordering {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Dropdown */

.wd-shop-ordering select.orderby {
    display: block !important;

    width: 100% !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 42px 0 16px !important;

    border: 1px solid #d6d6d6 !important;
    border-radius: 4px !important;

    background: #fff !important;

    color: #222 !important;
    -webkit-text-fill-color: #222 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;

    text-indent: 0 !important;
    text-shadow: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    cursor: pointer !important;

    /* Standaard browserpijl verwijderen */
    appearance: none !important;
    -webkit-appearance: none !important;
}


/* Dropdown opties */

.wd-shop-ordering select.orderby option {
    background-color: #fff !important;
    color: #222 !important;
    -webkit-text-fill-color: #222 !important;
}


/* ==========================================
   EIGEN SUBTIELE PIJL
   ========================================== */

.wd-shop-ordering .woocommerce-ordering::before {
    content: "" !important;

    display: block !important;
    position: absolute !important;

    top: 50% !important;
    right: 17px !important;

    width: 6px !important;
    height: 6px !important;

    border-right: 1.5px solid #0c4744 !important;
    border-bottom: 1.5px solid #0c4744 !important;

    transform:
        translateY(-65%)
        rotate(45deg) !important;

    pointer-events: none !important;
    z-index: 10 !important;
}


/* Andere WoodMart pseudo-elementen uitschakelen */

.wd-shop-ordering .woocommerce-ordering::after {
    display: none !important;
    content: none !important;
}
.product-label {
    font-weight: 700 !important;
    border-radius: 5px 5px 5px 5px !important;
    font-size: 12px !important;
}
.info-icon-mob {
        width: 30px !important;
        height: 30px !important;
}
p.stock.wd-style-bordered.aangepaste-voorraadtekst .oranje {
  margin-left: -5px !important;
}
p.stock.wd-style-bordered.aangepaste-voorraadtekst .groen {
  margin-left: -5px !important;
}
p.stock.out-of-stock {
  margin-left: -5px !important;
}
.gratis-verzending-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}
.gratis-verzending-row > .wpb_column:first-child {
    width: 44px !important;
    flex: 0 0 44px !important;
}
.gratis-verzending-row > .wpb_column:last-child {
    width: auto !important;
    flex: 1 1 auto !important;
}
.gratis-verzending-row .wpb_content_element {
    margin-bottom: 0 !important;
}
.gratis-verzending-row p {
    margin: 0 !important;
}
select#local_pickup_time_select {
    margin-top: 10px;
}
.wd-product-cats {
    height: 40px;
}
.wd-off-canvas-btn.wd-style-text a {
    visibility: hidden;
}
.wd-burger-icon>a:before {
	visibility: visible !important;}
#simple-chat-button--container {
    right: 11px !important;
    bottom: 80px !important;
}
.sticky-toolbar-on .scrollToTop {
    bottom: 140px !important;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background-color: white !important;
}
.mobieluit {
	display: none !Important;
}
.wd-nav-opener:after {
    top: 14px;
    position: absolute;
}
.menu-item-6582 .wd-nav-opener:after {
  margin-left: 0px;
}
.wd-nav-mobile:not(.wd-html-block-on) .menu-item-has-block .wd-nav-opener {
    display: block;
}
.wd-product :is(.wd-product-cats,.wd-product-brands-links) {
	font-size: 90% !important; 
}
.wd-header-wishlist .wd-tools-icon {
    background-size: 100% !important;
}
li#menu-item-9540 .wd-sub-menu {
    display: block !important;
}
.gt_switcher_wrapper {
  display: none;
}
li#menu-item-9540 .woodmart-nav-link {
  display: none;
}
li#menu-item-9540 .wd-nav-opener {
  display: none;
}
li#menu-item-43086 .wd-sub-menu {
    display: block !important;
}
.gt_switcher_wrapper {
  display: none;
}
li#menu-item-43086 .woodmart-nav-link {
  display: none;
}
li#menu-item-43086 .wd-nav-opener {
  display: none;
}
.wd-nav-mobile.wd-html-block-on .wd-mob-nav-html-block {
    max-width: 300px;
    height: 100%;
    margin-left: 5px;
	  border-bottom: 1px solid rgba(255, 255, 255, 0.11) !important;
}

.wd-product-cats {
    min-height: 65px;
}
#simple-chat-button--container {
        top: auto !important;
        left: auto !important;
        right: 10px !important;
        bottom: 10px !important;
        margin: 0 !important;
        transform: none !important;
}
}