:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: RGB(51,51,51);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-primary-color: rgb(245.179,50);
	--wd-alternative-color: Rgb(129.215,66);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(245.179,50);
	--btn-accented-bgcolor-hover: RGB(223.163,46);
	--wd-form-brd-width: 0px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: Rgb(128.188,37);
	--wd-link-color-hover: rgb(133.185,58);
}
.wd-age-verify-wrap {
	--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-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 311px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: left top;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgba(223.224.219,0);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgba(255.255.255,0);
	background-image: none;
}
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-color: rgb(0,0,0);
	--wd-form-placeholder-color: rgb(206,206,206);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1160px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--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: 1160px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(135.135.135);
}

tr:nth-child(odd) {
  
	background-color: #fafafa;
	width: 100%;
	font-family: Arial;
		
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    line-height: 1.4;
	  vertical-align: baseline;
        font-size:12px;
        font-family:Arial;
        font-weight:normal;
        font-style:normal;
        color:#000000;	
}

TD, TH { height: 30px; 
	  vertical-align: baseline;
  	font-family: Arial;
}
.widget-area .filter-widget{
	max-width: 100% !important;
}


.wpc-filter-title {
    margin-bottom: 1em;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
	background-color: #f5b332;
    background-color: #f5b332;
}
.wpc-filters-main-wrap .wpc-filter-has-brands .wpc-filters-labels li.wpc-term-has-image label span.wpc-filter-label-wrapper, .wpc-filters-scroll-container, .wpc_show_bottom_widget .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list.wpc-empty-chips-container {
    padding: 0;
    background-color: #f8f8f8;
}

@media (min-width: 1025px)
.whb-header-bottom-inner {
    height: 50px;
    max-height: 50px;
    background-color: #f8f8f8;
}


.products-bordered-grid.elements-grid:not(.elements-list) [class*="-grid-item"] {
    margin-bottom: 0 !important;
    border-style: solid;
    border-bottom-width: 11px;
    border-right-width: 11px;
    border-color: #f8f8f8;
}

@media (min-width: 1025px)
.title-size-default {
    padding: 0px 0;
}

.wd-nav[class*="wd-style-"] {
    --nav-color: #333;
    --nav-color-hover: rgb(245 179 50);
    --nav-color-active: rgba(51,51,51,0.7);
    --nav-chevron-color: rgba(82, 82, 82, .45);
}

@media (min-width: 1025px)
.title-size-large {
    padding: 0px 0 !important;
}

@media (min-width: 1025px)
.title-size-large {
    padding: 0px 0;
}
.page-title {
    position: relative;
    margin-top: -40px;
    margin-bottom: 20px;
    padding: 15px 0;
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select {
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
    height: 42px;
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    border-radius: var(--wd-form-brd-radius);
    color: var(--wd-form-color);
    background-color: #fceac8 !important;
}

div.quantity input[type="number"] {
    width: 50px;
    height: 42px;
    border-radius: 12;
   
}

.whb-color-dark:not(.whb-with-bg) {
    background-color: #fceac8 !important;
}

.whb-color-dark:not(.whb-with-bg) {
    background-color: #fceac8 !important;
}





/* Zorg dat de knop leesbaar blijft tijdens 'hover' */
.product-grid-item .add_to_cart_button:hover,
.wd-add-btn .add_to_cart_button:hover,
.button.add_to_cart_button:hover {
    background-color: #d68b20 !important; /* Iets donkerder oranje bij hover */
    color: #ffffff !important;            /* Houdt de tekst en het icoon helder wit */
}

/* Zorg dat het winkelmand-icoontje/SVG goed zichtbaar blijft */
.product-grid-item .add_to_cart_button:hover :is(i, svg, span),
.wd-add-btn .add_to_cart_button:hover :is(i, svg, span) {
    color: #ffffff !important;
    fill: #ffffff !important;
}




/* 1. Geef het verlangenlijst-icoon (hartje) de accentkleur */
.wd-header-wishlist a i,
.wd-header-wishlist a svg,
.wd-header-wishlist .wd-tools-icon {
    color: #e39a2d !important;
    fill: #e39a2d !important;
}

/* 2. Geef het winkelmand-icoon de accentkleur */
.wd-header-cart a i,
.wd-header-cart a svg,
.wd-header-cart .wd-tools-icon {
    color: #e39a2d !important;
    fill: #e39a2d !important;
}

/* 3. Geef het getal-bolletje (badge) op de winkelwagen een oranje achtergrond met witte tekst */
.wd-header-cart .wd-cart-number,
.wd-header-wishlist .wd-tools-count {
    background-color: #e39a2d !important;
    color: #ffffff !important;
}

/* 4. Optioneel: Subtiel kleurtje voor het cirkeltje rondom de winkelwagen */
.wd-header-cart .wd-tools-icon {
    border-color: #e39a2d !important;
}



/* 1. Maak de volledige inhoud/tekst van de Checkout-knop onzichtbaar */
a.button.checkout,
.widget_shopping_cart a.button.checkout,
.wd-dropdown-cart a.button.checkout {
    font-size: 0 !important;
    text-indent: -9999px !important;
    white-space: nowrap !important;
    position: relative !important;
}

/* 2. Plaats de tekst 'Afrekenen' er haarscherp bovenop */
a.button.checkout::after,
.widget_shopping_cart a.button.checkout::after,
.wd-dropdown-cart a.button.checkout::after {
    content: "Afrekenen" !important;
    text-indent: 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
}






/* Zorg dat de afrekenknop (place order) altijd oranje en goed leesbaar is */
#place_order,
.woocommerce-checkout #place_order,
button#place_order {
    background-color: #e39a2d !important;
    color: #ffffff !important;
    opacity: 1 !important;
    padding: 15px 30px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    border-radius: 5px !important;
}

/* Hover-effect voor de afrekenknop */
#place_order:hover,
.woocommerce-checkout #place_order:hover,
button#place_order:hover {
    background-color: #d68b20 !important;
    color: #ffffff !important;
}




/* 1. Grote knop 'Doorgaan naar afrekenen' op de winkelwagenpagina */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #e39a2d !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 15px 30px !important;
    display: block !important;
    text-align: center !important;
    border-radius: 4px !important;
    opacity: 1 !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #d68b20 !important;
    color: #ffffff !important;
}

/* 2. Knoppen onderin de winkelwagentabel (Waardebon toepassen / Update / Leegmaken) */
.woocommerce-cart td.actions button.button,
.woocommerce-cart td.actions input.button {
    background-color: #333333 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

.woocommerce-cart td.actions button.button:hover,
.woocommerce-cart td.actions input.button:hover {
    background-color: #e39a2d !important;
    color: #ffffff !important;
}

/* 3. Invoerveld voor de Waardebon code */
.woocommerce-cart .coupon input[type="text"] {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
}

.woocommerce-cart .coupon input[type="text"]::placeholder {
    color: #666666 !important;
}








/* 1. Sloop de vastgezette hoogte en scrolbalk van de omhullende container */
.woocommerce-checkout-review-order-table-wrapper,
.wd-checkout-order-review,
.checkout-order-review-inner,
div[class*="checkout-review"] {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
}

/* 2. Zorg dat de tabel de VOLLEDIGE breedte pakt en niet ingesloten voelt */
.woocommerce-checkout-review-order-table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    border-collapse: collapse !important;
    background-color: #ffffff !important;
}

/* 3. Geef de rijen een nette hoogte en duidelijke scheidingslijnen */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 12px 10px !important;
    border-bottom: 1px solid #e8e8e8 !important;
    line-height: 1.5 !important;
}

/* 4. Verberg de eventuele scrollbalk in browsers die hem extra afdwingen */
.woocommerce-checkout-review-order-table-wrapper::-webkit-scrollbar {
    display: none !important;
}









/* 1. Stijl alle betaalopties als nette, losse kaders */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
    background-color: #ffffff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    padding: 12px 16px !important;
    transition: all 0.2s ease-in-out !important;
}

/* 2. Maak de GESELECTEERDE betaalmethode (iDEAL) extra opvallend */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_ideal,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked) {
    border-color: #e39a2d !important;         /* Mooie oranje rand */
    background-color: #fffdf9 !important;      /* Heel lichte oranje/gouden gloed */
    box-shadow: 0 4px 12px rgba(227, 154, 45, 0.15) !important; /* Subtiele schaduw */
}

/* 3. Maak de titel/label van de opties wat dikker en groter */
.woocommerce-checkout #payment ul.payment_methods li label {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    cursor: pointer !important;
}

/* 4. Subtiel hover-effect als de klant er overheen beweegt */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover {
    border-color: #e39a2d !important;
}











/* 1. FORCEER het weghalen van de scrollbalk & vaste hoogte */
.woocommerce-checkout .checkout-order-review-inner,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order-table-wrapper,
.woocommerce-checkout .wd-table-wrapper,
.woocommerce-checkout div[class*="review"] {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
}

/* Verberg de browservariant van de scrollbar */
.woocommerce-checkout-review-order-table-wrapper::-webkit-scrollbar,
.checkout-order-review-inner::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* 2. Zorg dat de tabel 100% breedte pakt en er strak uitziet */
.woocommerce-checkout table.woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

/* 3. Maak de kolomkoppen (PRODUCT / SUBTOTAAL) modern */
.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
    background-color: #f8f9fa !important;
    color: #222222 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 14px 16px !important;
    border-bottom: 2px solid #e0e0e0 !important;
}

/* 4. Maak de productrijen ruim, duidelijk en goed leesbaar */
.woocommerce-checkout table.woocommerce-checkout-review-order-table td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table th {
    padding: 14px 16px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-size: 15px !important;
    color: #333333 !important;
    vertical-align: middle !important;
}

/* 5. Zorg dat de bedragen rechts netjes uitlijnen en NIET meer afbreken */
.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout table.woocommerce-checkout-review-order-table td:last-child {
    text-align: right !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
}

/* 6. Maak de Totaal-rij extra opvallend */
.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td {
    background-color: #fafafa !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #000000 !important;
    border-bottom: none !important;
}












/* 1. Forceer het hele 'UW BESTELLING' blok om verticaal mee te rekken */
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-checkout-review-order-table-wrapper,
.woocommerce-checkout .wd-checkout-order-review {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* 2. Geef de tabel wat ademruimte aan de onderkant zodat 'Totaal' niet wordt afgesneden */
.woocommerce-checkout table.woocommerce-checkout-review-order-table {
    margin-bottom: 20px !important;
}

/* 3. Maak de padding van de rijen ietsjes compacter voor een strakker overzicht */
.woocommerce-checkout table.woocommerce-checkout-review-order-table td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table th {
    padding: 10px 14px !important;
}











/* 1. Forceer ALLE omhullende divs naar automatische hoogte */
.woocommerce-checkout .checkout-order-review-inner,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order-table-wrapper,
.woocommerce-checkout div[class*="review"],
.woocommerce-checkout div[class*="order"],
.woocommerce-checkout .wd-scroll-content,
.woocommerce-checkout .wd-scroll {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    overflow: visible !important;
}

/* 2. Maak de regels wat compacter zodat de hele tabel minder hoog is */
.woocommerce-checkout table.woocommerce-checkout-review-order-table td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table th {
    padding: 6px 10px !important;
    line-height: 1.2 !important;
}

/* 3. Haal eventuele gekke marges onderaan de tabel weg */
.woocommerce-checkout table.woocommerce-checkout-review-order-table {
    margin-bottom: 0 !important;
}












/* 1. Zorg dat de tabel kolommen dynamisch uitlijnt */
.woocommerce-checkout table.woocommerce-checkout-review-order-table {
    table-layout: auto !important;
    width: 100% !important;
}

/* 2. Verplicht lange productnamen om af te breken naar een nieuwe regel */
.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name,
.woocommerce-checkout table.woocommerce-checkout-review-order-table th.product-name {
    white-space: normal !important;      /* Laat tekst op een nieuwe regel doorlopen */
    word-break: break-word !important;   /* Breekt lange woorden af indien nodig */
    line-height: 1.4 !important;         /* Zorgt voor een goeie afstand tussen de regels */
    padding: 12px 10px !important;
}

/* 3. Hou de prijzen netjes op 1 regel rechts */
.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout table.woocommerce-checkout-review-order-table th.product-total {
    white-space: nowrap !important;
    text-align: right !important;
    vertical-align: top !important;      /* Lijn de prijs netjes uit aan de bovenkant */
    padding: 12px 10px !important;
}

/* 4. Voorkom dat rijen door elkaar heen gaan lopen */
.woocommerce-checkout table.woocommerce-checkout-review-order-table tr {
    height: auto !important;
}















/* 1. Maak alle gewone tekst en links donkergrijs voor goeie leesbaarheid */
.footer-container p, 
.footer-container a, 
.footer-container span,
.footer-container div {
    color: #333333 !important; /* Duidelijk leesbaar donkergrijs */
}

/* 2. Zorg dat de titels (ONS GEGEVENS, etc.) strak en donker zijn */
.footer-container .widget-title, 
.footer-container h5 {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* 3. Geef links een mooie oranje kleur als je er met de muis op staat */
.footer-container a:hover {
    color: #e39a2d !important;
}






/* Maak de invulvelden strakker met een dunne rand en witte achtergrond */
input[type="text"], 
input[type="email"], 
input[type="tel"], 
textarea {
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 10px !important;
}