:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(119,119,119);
	--wd-text-font-size: 16px;
	--wd-title-font: "Geologica", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Geologica", 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: var(--wd-text-font);
	--wd-widget-title-font: "Geologica", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Geologica", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: inherit;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(10,191,83);
	--wd-alternative-color: #fbbc34;
	--btn-default-transform: none;
	--btn-default-bgcolor: rgb(0,15,51);
	--btn-default-bgcolor-hover: rgb(56,68,96);
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(10,191,83);
	--btn-accented-bgcolor-hover: rgb(11,172,75);
	--btn-font-family: "Geologica", Arial, Helvetica, sans-serif;
	--btn-font-weight: 500;
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(1,22,160);
	--notices-success-color: rgb(255,255,255);
	--notices-warning-bg: rgb(163,32,32);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(10,191,83);
	--wd-link-color-hover: rgb(5,175,79);
}
.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-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(247,247,247);
	--wd-bordered-bg:rgb(247,247,247);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(15,15,15);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-size: 28px;
}
html table th {
	text-transform: none;
}
html .wd-checkout-steps {
	text-transform: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	font-size: 16px;
	text-transform: none;
}
html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 500;
	font-size: 14px;
}
html .wd-dropdown-my-account .wd-sub-menu li a {
	font-weight: 800;
	font-size: 18px;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: rgb(0,0,0);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(96, 96, 96);
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,247);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	text-transform: none;
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(36,36,36);
}
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);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 44px;
	--wd-arrow-icon-size: 25px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color: rgb(3,181,223);
	--wd-arrow-color-hover: rgb(117,203,231);
	--wd-arrow-color-dis: rgb(3,181,223);
	--wd-arrow-bg: rgba(3,181,223,0);
	--wd-arrow-bg-hover: rgba(117,203,231,0);
	--wd-arrow-bg-dis: rgb(247,247,247);
	--wd-arrow-radius: 20px;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 20px;
	--wd-arrow-size: 50px;
	--wd-arrow-icon-size: 20px;
	--wd-arrow-offset-h: 0px;
	--wd-arrow-offset-v: 15px;
	--wd-arrow-bg: rgb(247,247,247);
	--wd-arrow-bg-hover: rgb(136,173,153);
	--wd-arrow-bg-dis: rgb(247,247,247);
	--wd-arrow-radius: 25px;
}
.wd-nav-scroll {
	--wd-nscroll-width: 45%;
	--wd-nscroll-drag-bg: rgb(3,181,223);
	--wd-nscroll-drag-bg-hover: rgb(117,203,231);
}
.wd .product-label.onsale {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.wd .product-label.new {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.wd .product-label.featured {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.wd .product-label.out-of-stock {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: -50px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}

@media (max-width: 768.98px) {
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: 60px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}
:root{
--wd-container-w: 1250px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1250px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


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

/* Verberg productafbeelding in de lijstweergave */
.wd-product.product-list-item .product-image-link,
.wd-product.product-list-item .product-element-top {
  display: none !important;
}
/* Verberg productafbeelding in de mini-cart popup (Woodmart specifiek) */
.woodmart-cart .mini-cart-item img,
.woodmart-mini-cart .mini-cart-item img,
.woodmart-mini-cart .product-image,
.woodmart-mini-cart .product-image img,
.woocommerce-mini-cart-item img {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Verberg alléén de productafbeelding in checkout (maar behoud naam, prijs, etc.) */
.woocommerce-checkout-review-order-table img.woocommerce-placeholder,
.woocommerce-checkout-review-order-table img.wp-post-image {
  display: none !important;
}
/* === PRODUCTRIJ: Horizontale layout op 1 regel === */
.wd-product.product-list-item .product-list-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px;
  padding: 16px 24px;
  background: #f9f9f9;
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
  min-height: 70px;
}

/* === STATUSDOT === */
.wd-product.product-list-item .product-status {
  flex: 0 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* === PRODUCTNAAM === */
.wd-product.product-list-item .wd-entities-title {
  flex: 1 1 250px;
  padding-right: 12px;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  line-height: 1.4;
}

/* === ZI-NUMMER === */
.wd-product.product-list-item .wd-product-excerpt {
  flex: 0 0 100px;
  color: #6b7280;
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
  display: flex;
  align-items: center;
  line-height: 1.4;
}

/* === ACTIE-EINDDATUM === */
.einddatum-acf {
    position: absolute;
    right: 110px; /* pas dit aan naar wens */
    top: 50%;
    transform: translateY(-50%);
    font-weight: 500;
}

/* === PRIJZEN BLOK === */
.wd-product.product-list-item .price {
  flex: 0 0 180px;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
}
.wd-product.product-list-item .price del {
  flex: 0 0 80px;
  text-decoration: line-through;
  color: #999;
  text-align: right;
  display: flex;
  align-items: center;
}
.wd-product.product-list-item .price ins {
  flex: 0 0 90px;
  font-weight: bold;
  color: #00B5E2;
  text-decoration: none;
  text-align: right;
  display: flex;
  align-items: center;
}

/* === KORTINGSPERCENTAGE === */
.wd-product.product-list-item .discount-percentage {
  flex: 0 0 50px;
  text-align: right;
  font-weight: bold;
  color: #00B5E2;
  font-size: 16px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

/* === AANTAL SELECTOR === */
.wd-product.product-list-item .quantity {
  flex: 0 0 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* === MENU-ICOON / ACTIES === */
.wd-product.product-list-item .product-menu-btn {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #00194A;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}


/* === ALGEMEEN: Geen wrapping === */
.wd-product.product-list-item .product-list-content * {
  white-space: nowrap;
}
.wd-product.product-list-item .product-list-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 3px;
  padding: 2px 8px; /* <-- deze padding bepaalt de hoogte */
  background: #f9f9f9;
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
  min-height: auto; /* of verwijder deze regel als hij geforceerd was */
  margin-bottom: 2px; /* voeg toe om afstand tussen producten aan te passen */
}
/* Verklein buitenrand van elk product-item */
.wd-product.product-list-item {
  margin-bottom: 4px !important;
  padding: 0 !important;
}

/* Verklein binnenkant van content container */
.wd-product.product-list-item .product-list-content {
  padding: 6px 10px !important;
  gap: 8px !important;
  min-height: unset !important;
  line-height: 1.2;
}

/* Verklein icon-knop */
.wd-product.product-list-item .product-menu-btn {
  width: 5px !important;
  height: 5px !important;
}

/* Verwijder onnodige hoogte van quantity selector */
.wd-product.product-list-item .quantity {
  transform: scale(0.9);
}
/* Verklein de verticale ruimte rondom het product */
.product-wrapper {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  margin-bottom: 2px !important;
}

/* Zorg dat lege bovenruimte in .product-element-top geen hoogte inneemt */
.product-element-top {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Verklein ruimte tussen producten */
.product-wrapper {
  margin-bottom: 4px !important; /* Verlaag dit eventueel naar 2px of 0px */
}

/* Haal grid-gap van het productrooster zelf weg */
.products.wd-products-with-bg {
  gap: 0px !important;
  row-gap: 0px !important;
}
.wd-product.product-list-item .wd-product-cats {
  display: none !important;
}
.wd-compare-table .product-image {
 display: none !important;
}
/* === Wishlist icoon in Mijn Account aanpassen === */
.woocommerce-MyAccount-content .wd-my-account-links .wishlist-link a:before {
  content: "\f134";
  font-family: "woodmart-font";
}

/* === Aanbod link icoon aanpassen === */
.woocommerce-MyAccount-content .wd-my-account-links .aanbod-link a:before {
 	content: "\f105";
  font-family: "woodmart-font";
  font-weight: 400;
}
/* Verberg alleen het standaard icoon binnen de link */
.single-product .wd-wishlist-btn .wishlist-icon {
  display: none !important;
}

/* Voeg custom Woodmart-icoon toe vóór de linkinhoud */
.single-product .wd-wishlist-btn a::before {
  content: "\f134";
  font-family: "woodmart-font" !important;
  font-weight: 400;
  font-size: 20px;
  color: #00194A; /* Aanpassen indien gewenst */
  display: inline-block;
  margin-right: 5px; /* optioneel: ruimte tussen icoon en tekst */
  vertical-align: middle;
}
/* ------------------------------
   Ronde 'Voeg toe'-knop met direct zichtbaar winkelwagenicoon
--------------------------------- */
.wd-product.product-list-item .add_to_cart_button {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background-color: #000f33 !important;
  color: #fff !important;
  padding: 0 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  position: relative !important;
}

/* Verwijder tekst in knop */
.wd-product.product-list-item .add_to_cart_button span,
.wd-product.product-list-item .add_to_cart_button .wd-add-btn-text {
  display: none !important;
}

/* Verwijder eventuele hover-pijlen of animaties */
.wd-product.product-list-item .add_to_cart_button::after {
  content: none !important;
  display: none !important;
}

/* Hover: alleen achtergrondkleur iets lichter */
.wd-product.product-list-item .add_to_cart_button:hover {
  background-color: #1dc8f2 !important;
}
.wd-add-btn-replace .add-to-cart-loop:before {
    transform: translateY(0) !important;
    opacity: 1 !important;
}
/* Verberg originele prijs (doorgestreept bedrag) in productoverzicht */
.wd-product.product-list-item .price del {
  display: none !important;
}
/* Verberg de 'Voeg toe'-tekst in de knop */
.wd-hover-buttons-on-hover .wd-add-btn .wd-add-btn-text,
.wd-hover-buttons-on-hover .wd-add-btn span {
  display: none !important;
}

/* Zorg dat het winkelwagenicoon altijd zichtbaar is */
.wd-hover-buttons-on-hover .wd-add-btn::before {
  content: "\f114"; /* Woodmart-cart icoon */
  font-family: "woodmart-font" !important;
  font-size: 20px;
  color: white !important;
  display: inline-block;
  line-height: 1;
}
/* Zorg dat afbeelding van product niet zichtbaar is bij zoekresults */
.autocomplete-suggestion .suggestion-thumb img {
  display: none !important;
}
/* Voorstel aanvragen icoon altijd zichtbaar in Aanbod */
/* Algemene opmaak voor voorstelknop */
.voorstel-aanvragen-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: #9CA2A7;
    border-radius: 50%;
    color: white;
    font-size: 18px;
    text-decoration: none;
    transition: background 0.2s ease;
    border: none;
}

.voorstel-aanvragen-btn:hover {
    background-color: #OBAC4B;
}

/* Grijze winkelwagenknop */
.disabled-cart-button {
    background: #EAEAEA;
    color: #999;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    font-size: 18px;
    border: none;
    cursor: not-allowed;
}

/* Quantity input grijs maken */
.disabled-qty input[type="number"] {
    background: #000000;
    color: #999;
    border: 1px solid #ddd;
    pointer-events: none;
}
div.quantity.disabled-qty {
    display: none !important;
}

/* Korte productomschrijving verwijderen uit product aanbod */
.archive .woocommerce-product-details__short-description,
.woocommerce .products .woocommerce-loop-product__description {
    display: none !important;
}
.voorstel-aanvragen-btn:hover {
    background-color: #0BAC4B; /* zelfde hoverkleur als winkelwagen */
    color: white;
}
.product-grid-item .product-title {
  margin-bottom: 0.25em;
  line-height: 1.2;
}

.product-grid-item .product-sku {
  font-size: 0.75em;
  color: #777;
  margin-top: 0;
  line-height: 1.2;
}
.discount-and-date {
  display: flex;
  gap: 6px;
  align-items: center;
}
/* Layout knoppenrij */
.custom-buttons-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;

}

/* Quantity input (disabled stijl blijft werken via je bestaande .disabled-qty) */
.quantity input[type="number"] {
    width: 50px;
}

/* Voeg toe-icoon is al goed gestyled via .add_to_cart_button */

/* Voorstelknop hover consistent */
.voorstel-aanvragen-btn:hover {
    background-color: #0bac4b;
    color: white;
}
a.login-to-prices-msg.login-side-opener {
    font-size: 16px !important; /* Pas het getal aan naar wens */
}
body.archive .woocommerce-Price-amount.amount {
    font-size: 16px !important;
}
.woocommerce-Price-amount.amount {
    color: #000f33 !important;
}
/* Verberg alleen de productplaatjes links van de resultaten */
img[src*="placeholder"],
img[src*="default-product"],
img[src*="data:image"] {
  display: none !important;
}
.wishlist-grid .product-grid-item {
  margin-bottom: 40px !important;
}

/* ===== TRX: nette iconenrij zonder overlap ===== */

/* Wrapper: forceer echte gap en reset thema-margins */
.custom-buttons-wrapper{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
.custom-buttons-wrapper > *{
  margin:0 !important;
}

/* Basis voor ALLE 3 iconen */
.custom-buttons-wrapper .trx-cart-btn,
.custom-buttons-wrapper .voorstel-aanvragen-btn,
.custom-buttons-wrapper .favoriet-btn{
  box-sizing:border-box !important;
  width:56px !important;
  height:56px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none;
  padding:0 !important;
  line-height:1 !important;
  position:static !important;     /* geen absolute posities */
  transform:none !important;      /* geen thema-scale/shift */
  box-shadow:none !important;
}

/* 1) Groen winkelwagentje – echte WC link als ronde knop */
.custom-buttons-wrapper a.add_to_cart_button.trx-cart-btn{
  background:#0ABF53 !important;
  color:#fff !important;
  text-indent:0 !important;
  font-size:0 !important;         /* tekst weg */
  border:none !important;
}
.custom-buttons-wrapper a.add_to_cart_button.trx-cart-btn:hover{ background:#0BAC4B !important; }
.custom-buttons-wrapper a.add_to_cart_button.trx-cart-btn::before{
  content:"\f105";                /* Woodmart cart */
  font-family:"woodmart-font";
  font-size:24px;
  color:#fff;
}
.custom-buttons-wrapper a.add_to_cart_button.trx-cart-btn .wd-cart-icon,
.custom-buttons-wrapper a.add_to_cart_button.trx-cart-btn .wd-tools-icon{
  display:none !important;
}
/* ——— Voorstel (grijze) knop: icoon gelijk aan groene ——— */
.custom-buttons-wrapper .voorstel-aanvragen-btn {
  width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* Icoongrootte binnen de grijze knop (werkt voor font-icon én SVG) */
.custom-buttons-wrapper .voorstel-aanvragen-btn .wd-icon,
.custom-buttons-wrapper .voorstel-aanvragen-btn i,
.custom-buttons-wrapper .voorstel-aanvragen-btn svg {
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* (optioneel) maak de grijze variant visueel gelijk qua dikte */
.custom-buttons-wrapper .voorstel-aanvragen-btn {
  background: #9CA2A7 !important;
  color: #fff !important;
  border: none !important;
}

/* Hoverkleur typfout herstellen: '0BAC4B' had een letter O */
.voorstel-aanvragen-btn:hover {
  background-color: #0BAC4B !important;
}
/* OVERRIDE: maak de groene cart-knop écht 56×56 */
body.archive .wd-product.product-list-item .custom-buttons-wrapper a.add_to_cart_button.trx-cart-btn{
  width:45px !important;
  height:45px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}

/* Icoongrootte groene knop */
body.archive .wd-product.product-list-item .custom-buttons-wrapper a.add_to_cart_button.trx-cart-btn::before{
  content:"\f105";
  font-family:"woodmart-font";
  font-size:24px !important;
  line-height:1 !important;
  color:#fff;
}

/* Grijze knop: idem 56×56 + icoon 24px */
body.archive .wd-product.product-list-item .custom-buttons-wrapper .voorstel-aanvragen-btn{
  width:45px !important;
  height:45px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}
body.archive .wd-product.product-list-item .custom-buttons-wrapper .voorstel-aanvragen-btn .wd-icon,
body.archive .wd-product.product-list-item .custom-buttons-wrapper .voorstel-aanvragen-btn i,
body.archive .wd-product.product-list-item .custom-buttons-wrapper .voorstel-aanvragen-btn svg{
  width:24px !important;
  height:24px !important;
  font-size:24px !important;
  line-height:1 !important;
  display:inline-block !important;
}

/* Hover-typo fix: nul i.p.v. letter O */
.voorstel-aanvragen-btn:hover{ background-color:#0BAC4B !important; }