:root {
	--black: #232323;
	--white: #FFFFFF;
  --grey: #edf6f9; 
  --lichtblauw: #8dd5ed; 
	--groen: #149a96; /*primair */
	--donkergroen: #0C6B6E;
  --geel: #ffd426; /*conversiekleur */ 
  --blauw:#21a0bd;/* secundair*/
}


/*
WooCommerce styles override
Theme Name: Ecomfast  
Versie 1.2
*/

/* webshop  SchoonGedaan-------------------------*/
span.price {display: flex; justify-content: left;}

@media only screen and (max-width:770px) {
	body:not(.home)#primary{
		padding: 40px 16px;}
}



/* BASIS  ------------------------------------------------*/ 

body.archive {background:radial-gradient(50% 50% at 50% 50%, #E5F4F1 0%, #FFF 100%);}

/*  Cart pop up in header*/

.cart-container span.count {
    position:absolute;
    top: 16px;
	right: 0px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    background-color: #ff5b5b;
	z-index: 99;}

/* Cart Container */
.cart-container {
  display: flex;
  align-items: center;
  margin-right: 4%;
 
}
	.cart-icon {
		position: absolute;
		right: 8px;
		/* top:0px; */
		padding: 4px;
  }
 
/* Mini Cart Popup */
.cart-popup {
  position: absolute;
  top: calc(100% + 0px);
  right: 0;
  width: 340px;
  max-width: 90vw;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  padding: 8px;
  display: none;
  z-index: 1000;
  animation: minicartFadeIn 0.2s ease-out forwards;
}

/* Toon popup bij hover */
.cart-container:hover .cart-popup,
.cart-popup:hover {
  display: block;
}

/* Pijltje boven de popup */
.cart-popup::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 20px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  filter: drop-shadow(0 -1px 1px rgba(0,0,0,0.08));
}

/* Mini cart inhoud styling */
.cart-popup .widget_shopping_cart_content {
  max-height: 400px;
  overflow-y: auto;
}

/* Scrollbar subtieler */
.cart-popup .widget_shopping_cart_content::-webkit-scrollbar {
  width: 6px;
}
.cart-popup .widget_shopping_cart_content::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

/* Cart items spacing */
.cart-popup ul.woocommerce-mini-cart {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cart-popup ul.woocommerce-mini-cart li {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.cart-popup ul.woocommerce-mini-cart li:last-child {
  border-bottom: none;
}

/* Subtotal & buttons */
.cart-popup .woocommerce-mini-cart__total {
  font-weight: 400;
  text-align: right;
  margin: 12px 0;
}
.cart-popup .woocommerce-mini-cart__buttons {
  display: block;
  justify-content: space-between;
  gap: 8px;
}
.cart-popup .woocommerce-mini-cart__buttons a {
  text-align: center;
  background: var(--groen);
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 13px;
  text-decoration: none;
  transition: background 0.2s ease-in-out;
  flex: 1 1 calc(50% - 5px);
  margin: 0; 
}
.cart-popup .woocommerce-mini-cart__buttons a:hover {
  background:var(--donkergroen);
  font-weight: 400;
}

.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.
.woocommerce-mini-cart__buttons.buttons cvb-button {
    flex: 1 1 100%;
    width: 100%;
    /* flex-basis: 100% forceert 'm naar een nieuwe regel */
}


 dl.variation {display: none;}
/* Animatie */
@keyframes minicartFadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Mini-cart productafbeelding */
.cart-popup ul.woocommerce-mini-cart li img {
  width: 50px;            /* was vaak ±80px standaard */
  height: auto;
  border-radius: 8px;     /* iets afgerond voor nette look */
  margin-right: 10px;
  object-fit: cover;
  flex-shrink: 0;
}
.woocommerce-mini-cart-item.mini_cart_item span.quantity{font-size: 13px;}
/* Zorg dat tekst naast de afbeelding goed uitlijnt */
.cart-popup ul.woocommerce-mini-cart li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.cart-popup ul.woocommerce-mini-cart li a {
  line-height: 1.3;
  text-decoration: none;
  color: inherit;
      font-size: 14px;
    font-weight: 400;
    display: contents;
}


/*  end mini cart pop up */
	
/* BUTTONS  ------------------------------------------------*/ 

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt
 {background-color: var(--geel);color:#232323;-webkit-font-smoothing: antialiased;border-radius: 8px;font-size: 20px;padding: 10px 18px 14px;position: relative;margin: 0 8px;}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button	 {
	background-color: var(--geel);color: #232323;-webkit-font-smoothing: antialiased;border-radius: 8px;font-size:20px;padding:10px 18px 14px;max-width:400px;}	
	button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover {
		background-color: #E5F4F1;outline: 2px solid var(--geel);
    outline-offset: -2px;}
.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block a  {
				border-radius:8px; font-size:18px; padding: 10px 14px 12px; background-color: var(--geel);color: #232323;
			}
			.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block a:hover {
				background-color: #E5F4F1;outline: 2px solid var(--geel);outline-offset: -2px;}
				
.home li.wc-block-product button {background-color: var(--geel);}
span.onsale {
	position: absolute;
    background: var(--lichtblauw);
	font-size: 12px;
    padding: 1px 4px;
	color:#fff;
	left:8px;
	top:8px;
	z-index: 2;
}


			
button.single_add_to_cart_button.button,
	.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button, 
	.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
		border-radius: 8px;
		background-color: var(--geel);
		color: white;
		letter-spacing: 1px;
		font-size: 22px;
		font-weight: 400;
		padding: 0px 12px 2px;
		box-shadow: 4px 6px 7px 1px rgba(0,0,0,0.32);
		-webkit-box-shadow: 4px 6px 7px 1px rgba(0,0,0,0.32);
		-moz-box-shadow: 4px 6px 7px 1px rgba(0,0,0,0.32);
		cursor: pointer;}

		.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover, 
		.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover{background: var(--black);}
	
	button.single_add_to_cart_button.button:hover, a.checkout-button.button.alt.wc-forward:hover,
	button#place_order:hover {background-color: var(--geel); color: var(--blauw); cursor: pointer;}
	
	button.single_add_to_cart_button.button:active,
	a.checkout-button.button.alt.wc-forward:active, button#place_order:active {color: #111;}


/*   -----   CATEGORY PAGES  / categorie - ------------------------------------------------------------------------- */
/* categorie pages -archive product.php */
/* Algemene grid opbouw voor archive pagina */

.archive-top{margin:0 8px ;}
div.cat-desc-top{ font-size: clamp(14px, 2.5vw, 16px);}
/* WooCommerce categorie beschrijving in twee delen tonen met Lees Meer toggle*/
.cat-readmore-btn {
    background:#fff; 
    color:#161616;
    padding:6px 12px;
    border-radius:5px;
    cursor:pointer;
    margin-top:0px;
}
.cat-desc-bottom {margin-top:25px;
  width: 100%;
  flex-basis: 100%;
  display: block;
  margin-top: 25px;
  /* background: #fff; */
  padding: 8px 16px;
  font-size: clamp(14px, 2.5vw, 16px);
}

/* Wrapper relatief zodat overlay erin past */
li.product.type-product .product-image-wrap {
    position: relative;
    display: block;
}

/* Hoofdafbeelding bepaalt de hoogte */
li.product.type-product .product-image-wrap img:not(.overlay) { display: block; width: 100%; height: auto; }

/* Overlay matcht exact de hoofdafbeelding */
li.product.type-product .product-image-wrap img.overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    transition: opacity .25s ease;
}

li.product.type-product:hover .product-image-wrap img.overlay { opacity: 1; }

/* Hover stijlen */
li.product.type-product a:hover { color: inherit; font-weight: 400; }
li.product.type-product img:hover { box-shadow: 0 8px 24px rgba(0,0,0,.2); border: 1px solid #ddd; }

.columns.archive-area .column:nth-child(2){}

.columns.archive-area {
  display: grid;
  grid-template-columns: 1fr 4fr; /* Sidebar : Producten */
  gap: 2rem;
  align-items: start;
  margin-bottom: 3rem;
}

.woocommerce-pagination {width: 100%; clear: both;margin-top: 24px;}
.woocommerce-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-pagination ul.page-numbers li {display: flex;}
.woocommerce-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 6px;
 
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #333;
  transition: background 0.15s, border-color 0.15s;
}
.woocommerce-pagination ul.page-numbers li{
border: 1px solid #e0e0e0;
  background: #fff;
   border-radius: 6px;
}
.woocommerce-pagination ul.page-numbers li:hover {background: #f5f5f5;border-color: #bbb;}
.woocommerce-pagination .page-numbers.current {background: #333;border-color: #333;color: #fff;font-weight: 400;cursor: default; border-radius: 6px;}

@media screen and (max-width:770px) {
	.columns.archive-area {
	display: grid;
	grid-template-columns: 1fr; /* Producten */
	gap: 2rem;
	align-items: start;
	margin-bottom: 3rem;
   }
	ul.products.columns-4 {
		display: grid ;
		grid-template-columns: repeat(2, minmax(0,1fr));
		align-items: start ; /* prevents unequal row stretching */
		gap: 16px;
		width: 100% ;
		margin: 0 ;
		padding: 0;
	}
	ul.products.columns-4 li.product {
		width: 100% !important;
		margin: 0 !important;
		float: none !important;
	}
}

.products li.product.outofstock {
	position:relative;
}

.products li.product.outofstock::after {
	content:"Uitverkocht";
	position:absolute;
	top:8px;
	left:8px;
	padding:1px 4px;
	background:var(--lichtblauw);
	color:#fff;
	font-size:12px;
	z-index:19;
	border-radius:2px;
}

h2.woocommerce-loop-product__title, .wc-block-product h2.wp-block-post-title 
{font-family: "Ubuntu", sans-serif; text-align: left;  font-size: clamp(15px, 2.5vw, 17px); font-weight: 400;line-height:1.2;flex-grow: 1; }


/* Sidebar */
.column.sidebar {
  background: #f7f7f7;
  padding: 1.5rem;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 0.9rem;
}
/* Product kolom */
.product-list-col {
  display: flex;
  flex-direction: column;
}
/* Breadcrumbs en info kolom (als je dat nog toevoegt) */
.woocommerce-products-header__title {
  margin-bottom: 4px;
}
.woocommerce-breadcrumb {font-size: 12px;margin: 16px 0 8px;}
ul.products li.product .button{
    display: block;
	background-color: var(--geel);
	border-radius: 3px;
    padding: 5px 4px 0px;
    position: absolute;
    right: 8px;
    bottom: 8px;
	z-index: 99;
 }
 ul.products li.product .button:hover {background-color: var(--donkergblauw);}

/* --  End categorie page archive -------------------------------------------------------------------*/

/* Toolbar boven producten -----------*/
.result-count-wrapper {text-align: center;color: #777;}
@media screen and (min-width:771px) {
	.result-count-wrapper{display: none;}
	.products-toolbar-row {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-top: none;
			border-bottom: none;
			padding: 0.75rem 0;
			margin-bottom: 8px;
			gap: 1rem;
			flex-wrap: nowrap;
			}		
}

@media screen and (max-width:770px) {
	.products-toolbar{margin-top: 16px;}
	.products-toolbar-row {padding: 0.5rem 0!important;}

}

p.woocommerce-result-count {font-size: 13px;margin: 4px;}
/* Mobiele filterknop */
.lam-extra-filter-mobile {
  cursor: pointer;
  padding: 0px 4px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  /* border: 1px solid #999; */
  display: inline-flex;
  transition: background 0.3s ease;
}
	.lam-extra-filter-mobile:before {
	content: url(/wp-content/themes/Ecomfast/assets/img/lets_filter.png);
	margin-right: 6px;
	}
		.lam-extra-filter-mobile:active {
		background-color: #fff;
		}
.sortering {
  display: flex;
  justify-content: flex-end; /* Zorgt dat de select aan de rechterkant van de container staat */
}

/* Sortering dropdown */
.sortering select {
  border: 1px solid #dce3dd;
  font-weight: 400; font-size: 14px; color: #666;
  border-radius: 999px;
  padding: 0.25rem 1rem;
  background-color: transparent;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 1rem;
  
  min-width: 160px;
  max-width: 174px;

}

/* Container voor filter en sortering */
@media screen and (max-width:770px) {
	.products-toolbar-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 0.75rem 0;
	margin-bottom: 8px;
	gap: 1rem;
	flex-wrap: nowrap;
	}
}
/* Items in de toolbar-row */
.products-toolbar-row > .lam-extra-filter-mobile,
.products-toolbar-row > .sortering {
  flex: 1 1 48%;
  min-width: 154px;
  display: flex;
}
.products-toolbar-row > .sortering {
    justify-content: flex-end;
}

/*  end sortering sectie  categorie / archive pages */

/* wishlist icon*/
.woosw-btn-has-icon {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: 8px;
    left: 5px;
}
.single-product .woosw-btn-has-icon {
   
    position: relative;
	display: none;
    
}
button.woosw-btn
 {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 50%;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 8px;
 }
 .woosw-btn-has-icon .woosw-btn-icon {
    margin: 0;
    color: mediumvioletred;}


	/* ---CART    nieuwe sstyle 2024 */
	span.wc-block-components-product-details__name,  span.wc-block-components-product-details__value {font-size: 11px;}
	
	 
	/* cart mobiel -compenseer meta (2023) */
	@media screen and (max-width: 320px) {
	  .shop_table dl.variation {min-width: 300px; }
	}
	@media screen and (min-width: 321px) and (max-width: 375px) {
	  .shop_table dl.variation {min-width: 355px; }
	}
	@media screen and (min-width: 378px) and (max-width: 400px) {
	  .shop_table dl.variation {min-width: 380px; }
	}
	@media screen and (min-width: 400px) and (max-width: 414px) {
	  .shop_table dl.variation {min-width: 394px; }
	}
	
	/*  end cart  */
	
	@media screen and  (min-width:771px){
		.lam-extra-filter-mobile {display: none!important;}
			.filters-container{padding: 0 16px;}
			/*filters yith*/
		.yith-wcan-filters .yith-wcan-filter h4 {font-weight: 700;font-size: 16px;}
		.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a {
			color: var(--yith-wcan-anchors_style_text, #434343);
			text-decoration: none;
			font-weight: 400;font-size: 16px;
		}
		.filter-close {
		display: none;
		}
	
	}
	
	@media screen and  (max-width:770px){
			.cart-popup {display: none;}
		section.column.sidebar{display:none;}
		section.column.sidebar {
						display: block;
						position: fixed;
						top: 0;
						left: -100%; /* buiten beeld links */
						height: 100%;
						width: 80%; /* bijvoorbeeld 80% van schermbreedte op mobiel */
						max-width: 300px; /* of jouw keuze */
						padding: 12px 16px 0 12px;
						background: #fff;
						box-shadow: 5px 0 15px rgba(0,0,0,0.25);
						overflow-y: auto;
						transition: left 0.3s ease-in-out;
						z-index: 999; /* boven andere content */
		}							
					/* Wanneer actief: schuif in beeld */
					section.column.sidebar.active {
						left: 0;
					}
					/* Sluit‑knop styling */
					section.column.sidebar .filter-close {
						position: absolute;
						top: 12px;
						right: 10px;
						cursor: pointer;
						font-size: 1.6em;
						color: #151616;
					}
					.filters-container{padding: 0 8px;}
					/*filters yith*/
		.yith-wcan-filters .yith-wcan-filter h4 {font-weight: 700;font-size: 15px;}
		.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a {
			color: var(--yith-wcan-anchors_style_text, #434343);
			text-decoration: none;
			font-weight: 400;font-size: 14px;}



		#text-2.widget.widget_text {display: none;} /*sidebar cat */
		ul.products.columns-3 .product, ul.products.columns-4 .product  {width: 46.5%;}
		.woocommerce .products .product {float: left;margin:inherit;text-align: center;}
		ul.products.columns-3 h2.woocommerce-loop-category__title {font-size: 15px;line-height: inherit;}
		ul.products.columns-3 h2.woocommerce-loop-category__title::after {margin-bottom: -18px;}
	  ul.products.column-3 li.product-category.product {max-height:250px;}
	 
	  /*ul.products li.product img.overlay{min-height:250px;}*/
	}
	
	@media screen and (max-width:480px){
		.product-slide.product {width: 184px;height: 440px;}
		.product-slide.product .content h3 {font-size: 18px;}
		.product-slide.product .product-img {max-height: 184px;overflow: hidden;}
		ul.products.columns-3 h2.woocommerce-loop-category__title {font-size: 14px;/*bottom: 92px;*/line-height: inherit;}
		ul.products li.product img.overlay{min-height:167px;object-fit: cover;}
		section[aria-label="catbanner"] figure picture img {height: auto;}
		section[aria-label="catbanner"] {min-height: 208px;}
		ul.products.columns-3 li.product-category {max-height:186px;}
	}
	
	/*FAQ*/
	section#faq {padding: 0 0 32px 0;}
	section#faq > section > details > summary {background: #eee;padding: 16px;border-left: 4px solid var(--darkgrey); margin: 16px 0px;}
	section#faq > section > details[open] > summary {background: var(--darkgrey);color: #fff;}
	section#faq > section > details[open] > section.answers p  {padding-left: 16px;}
	
.home .wc-block-components-product-image img {border: 1px solid #c7c7c7;}
/* END  categorie pages */

	
/* -------------- PRODUCT PAGE   ---------------------------------------------------------*/
/* *** Disable Woo Product Zoom *** */
   /*.single.single-product .zoomImg {
	display:none!important;
	}*/

.product-template-default .navigation.post-navigation {display: none;}
.product-template-default .widget-area {display: none;}


@media screen and  (min-width:771px){
	.single.single-product .woocommerce-product-gallery__wrapper {}
	.product-template-default.single.single-product #primary {max-width: 1200px; padding: 0px 16px 44px;}
	.product_title.entry-title {text-align:left; font-size: 28px;}
}

@media screen and  (max-width:770px){
	.single.single-product .woocommerce-product-gallery__wrapper {}
	.product-template-default.single.single-product #primary {padding: 4px 4px;}
	.product_title.entry-title {text-align:left; font-size: 20px;}	
	.single-product .product {position: relative;}
}

@media (min-width: 771px) {
    /* layout: 2 kolommen */
 	.single-product .product {
        display: grid;
        grid-template-columns: 50% 50%;
        column-gap: 40px;
        align-items: start;
		position: relative;
		 grid-auto-rows: min-content;
    }
	section.up-sells {
		grid-column: 1 / -1;
    	margin-top: 32px;
	} 

    /* linker kolom */
    .single-product .woocommerce-product-gallery {grid-column: 1;grid-row: 1;}
	section.column.product-usps {grid-column: 1;grid-row: 2;}

    /* rechter kolom = sticky */
    .single-product .summary {
        grid-column: 2;
		grid-row: 1 / 3; 
        align-self: start;
		
    }
    /* alles onder de kolommen */
    .single-product .woocommerce-tabs {
        grid-column: 1 / -1;
        margin-top: 60px;
    }
}

/* ACF usp product icons */

		.usp-item.truck::after { -webkit-mask-image: url('/assets/icons/truck.svg'); mask-image: url('/assets/icons/truck.svg'); }
		.usp-item.fast::after { -webkit-mask-image: url('/assets/icons/fast.svg'); mask-image: url('/assets/icons/fast.svg'); }
		.usp-item.invoice::after { -webkit-mask-image: url('/assets/icons/invoice.svg'); mask-image: url('/assets/icons/invoice.svg'); }
		.usp-item.return::after { -webkit-mask-image: url('/assets/icons/return.svg'); mask-image: url('/assets/icons/return.svg'); }
		.usp-item.refresh::after { -webkit-mask-image: url('/assets/icons/refresh.svg'); mask-image: url('/assets/icons/refresh.svg'); }
		.usp-item.lock::after { -webkit-mask-image: url('/assets/icons/lock.svg'); mask-image: url('/assets/icons/lock.svg'); }
		.usp-item.support::after { -webkit-mask-image: url('/assets/icons/support.svg'); mask-image: url('/assets/icons/support.svg'); }
		.usp-item.star::after { -webkit-mask-image: url('/assets/icons/star.svg'); mask-image: url('/assets/icons/star.svg'); }
		.usp-item.check::after { -webkit-mask-image: url('/assets/icons/check.svg'); mask-image: url('/assets/icons/check.svg'); }
		.usp-item.badge::after { -webkit-mask-image: url('/assets/icons/badge.svg'); mask-image: url('/assets/icons/badge.svg'); }
.product-usps {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 24px 0 16px;
}
.product-usps .usp-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px 10px 42px;
	background: linear-gradient(90deg, #F4F4F4 0.48%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, #EEE 0%, #F9F9F9 56.73%, rgba(255, 253, 242, 0.30) 100%);
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.4;
    color: #1a1a1a;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.06);
	max-height: 40px;
}
/* icon */
.product-usps .usp-item::after {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #5AA69A; /* subtiel groen = vertrouwen */
    opacity: 0.9;
    -webkit-mask: no-repeat center;
    mask: no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
/* hover effect (premium, subtiel) */
.product-usps a.usp-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    border-color: rgba(0,0,0,0.12);
	font-weight: inherit;
}


.stock.in-stock { display: inline-flex; align-items: center;gap: 8px;color: #1f9325;font-size: 13px;}
	.stock.in-stock::before {
		content: "";
		width: 16px;
		height: 16px;
		background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='%232e7d32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 13.2L4.3 10l-1.4 1.4 4.6 4.6L17.1 6.4 15.7 5z'/%3E%3C/svg%3E") no-repeat center;
		background-size: contain;
	}
.single-product .posted_in {display: none;}
.posted_in a {color:var(--geel) ;font-weight: 400;font-size: 15px;}
.posted_in a:hover {color: var(--donkergrijs);}
	
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {min-height: 2em!important;}

.product_meta { display: grid;margin: 16px 0;line-height: 22px;}
.product_meta span {font-size: 13px;}
.variations select {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 14px;
}
.reset_variations {margin-left: 8px;font-size: 13px;color: #666;}

figure.woocommerce-product-gallery__wrapper{margin: 0;}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active{ border: 2px solid #222529;}
/*disable browsers std quatity */
.product-template-default .quantity input::-webkit-outer-spin-button, .product-template-default .quantity input::-webkit-inner-spin-button {
	display: none; margin: 0;}
.product-template-default .quantity input.qty {appearance: textfield;-webkit-appearance: none;-moz-appearance: textfield;}

.tiered-pricing-wrapper{border: 1px solid #21a0bd; padding: 0 2%;} /*staffel plugin*/
.tiered-pricing-wrapper h3 {margin: 8px 4px!important;}
.tier-pricing-summary-table.tier-pricing-summary-table--inline {margin: 8px;}
@media screen and (min-width: 771px){
	.tier-pricing-summary-table.tier-pricing-summary-table--inline {display: none;}
}



/* Tabs */

/* Tab lijst als accordion headers */
.woocommerce-tabs .tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #161616;
  max-width: 1184px;
}
.woocommerce-tabs .tabs li {margin: 0;}
.woocommerce-tabs .tabs li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
  font-weight: 700;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  position: relative;
}
.woocommerce-tabs .tabs li a::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg fill="black" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.27a.75.75 0 01.02-1.06z" clip-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s ease;
   transform: rotate(0deg);
}
.woocommerce-tabs .tabs li.active a::after {transform: rotate(180deg);}
.woocommerce-tabs .tab-wrapper {border-bottom: 1px solid #ddd;padding: 0;}
ul.tabs.wc-tabs li.active {border-left:4px solid #ececec;}
.woocommerce-Tabs-panel {padding: 8px 18px;}

.shop_attributes tbody tr:nth-of-type(odd) {}
.shop_attributes tbody th, .shop_attributes tbody td{border-top: 1px solid #66708554;}
.shop_attributes tbody td p {margin:0px;padding: 0px;font-size: 14px;}
.shop_attributes tbody th {padding:4px;text-align: left;max-width: 196px;font-size: 14px;background: #edf6f9;}
.table th {min-width: 135px;}
table.woocommerce-product-attributes.shop_attributes {margin: 0.5em 0 1.5em;width: 100%;max-width: 800px;}
.woocommerce-Tabs-panel ul {margin: 16px 8px;}
 table.variations tr {text-align: justify;}
	

/**
	 * Single product basics
	 */
ol.flex-control-nav.flex-control-thumbs{
	display: flex;
	margin: 6px 0;
	padding: 0;
	justify-content: center; /* center gallerij afb.  */
}
ol.flex-control-nav.flex-control-thumbs li {
	width: 110px;
	list-style: none;
	margin: 2px;
}
a.woocommerce-product-gallery__trigger {display: none;}
	 
/* plus minus quantity */
	/* Style for quantity buttons on the product page */
	.product.type-product form.cart {display:block;}
	.product.type-product .quantity {display:flex; margin: 16px 24px 24px 0;}
	tr.woocommerce-cart-form__cart-item .quantity  {display:flex;}
	.single.single-product .quantity .input-group-button input.input-text.qty.text {display: flex;}


	/* Style for quantity buttons in the cart */
	.cart .minus,
	.cart .plus {
		padding: 5px 12px;
		font-size: 16px;
		background-color: #f9f9f9;
		border: 1px solid #ccc;
		cursor: pointer;
		position: inherit;
	}
	.cart .input-text.qty {width: 60px;height: 50px;text-align: center;}
	
	

	
	/* Mobiel product pages en layouts*/

	@media screen and (max-width: 480px){
		.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {margin: 0 0 1% 1%;}
		ol.flex-control-nav.flex-control-thumbs li {width: 60px;}
		.shop_attributes tbody th {min-width: 128px;}
		.shop_attributes tbody th {padding: 4px;font-size: 13px;background: #edf6f9;}
		.shop_attributes tbody td p {font-size: 13px;}

	
	}
/* Upsells */ 
	.up-sells.upsells.products h2 {margin: 16px 0;}
	
/* trust blok badges*/
.payment-trust-block {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
}
.payment-trust-block .trust-item img, .payment-trust-block .betaal-rij img {border: none;background: none;}

.trust-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
	background: linear-gradient(90deg, #F4F4F4 0.48%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, #EEE 0%, #F9F9F9 56.73%, rgba(255, 253, 242, 0.30) 100%);
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 13px;
    flex: 1;
    min-width: 160px;
}

.trust-item span {
    font-weight: 400;
    color: #333;
}
.trust-item.betaal-icons {
    flex-direction: column;
    align-items: flex-start;
}

.trust-item.betaal-icons .betaal-rij {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.betaal-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.betaal-icons img {
    height: 36px;
    width: auto;
}

.bol-wrapper {
    position: relative;
    cursor: pointer;
	align-items: flex-start;
}

.bol-wrapper img.bol-icon {
    height: 40px;
    width: auto;
}

.bol-hover-info {
    display: none;
    position: absolute;
    top: calc(95%);
    left: 14px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 6px 14px 0;
    white-space: normal;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    font-size: 13px;
    z-index: 10;
}

.bol-wrapper:hover .bol-hover-info {display: block;}

@media (max-width: 768px) {
    .payment-trust-block {
        flex-direction: column;
    }

    .trust-item {
        width: 100%;
    }
}

   	/* Cross sells*/
	.page-id-208 h2.wp-block-heading.has-text-align-left {font-size: 22px;margin: 16px 0 0 0;}
	ul.wc-block-product-template__responsive li{position: relative;}
	ul.wc-block-product-template__responsive li h2 {font-size: 15px!important;}
	ul.wc-block-product-template__responsive li a.button.product_type_simple.add_to_cart_button
	    {display: none;
    background-color: var(--geel);
    border-radius: 3px;
    padding: 5px 4px 0px;
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 99;}
	ul.wc-block-product-template__responsive li img{display: block;
    transition: .3s;
    border: 1px solid var(--grey);
    width: 100%;
    border-radius: 4px;
    background: #fff;}
	.wc-block-components-product-price.wc-block-grid__product-price {text-align: justify;}

.post-type-product .acf-field[data-name="bestelinfo_content"] .acf-editor-wrap iframe {
    min-height:120px;
}

/* variaties dropdown vervangen door badges */
.attribute-badges {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:10px;
}
.attribute-badge {
	padding:2px 8px;
	border:1px solid #ccc;
	border-radius:8px;
	cursor:pointer;
	font-size: 14px;
	font-weight:400;
	transition:.2s;
}
.attribute-badge:hover {border-color:var(--blauw);transform:translateY(-2px);}
.attribute-badge.active {background:var(--blauw);border-color:var(--blauw);color:#fff;}
.variations select {display:none;}
table.variations th.label {vertical-align: baseline;padding: 14px 0 0;font-weight: 500;}

/*   ---------END   PRODUCT page  -----------------*/


/*My account pagina */
	.woocommerce-MyAccount-navigation {margin: 4% 0%;}
	.woocommerce-MyAccount-navigation ul {line-height: 2em;}
	.woocommerce-MyAccount-content .shop_table{margin-bottom: 4%!important;}
	.woocommerce-MyAccount-content .woocommerce-table.woocommerce-table--order-details.shop_table.order_details th.woocommerce-table__product-table.product-total {display: none;}
	.woocommerce-MyAccount-content .woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot {border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
	td.woocommerce-table__product-name.product-name {padding: 4px;}
	li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {display:none;}
	li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--offerte-lijst {display:none;}

/* my account (nieuwe style  */
.u-columns.col2-set#customer_login {
    max-width: 400px;
}
	.u-columns.col2-set#customer_login button {
		background-color: var(--geel);
		color: var(--white);
		-webkit-font-smoothing: antialiased;
		border-radius: 8px;
		font-size: 20px;
		padding: 10px 18px 14px;
	}

	body.woocommerce-account,
	body.woocommerce-lost-password {
		font-family: 'Ubuntu', sans-serif;
	}

	/* Input fields */
	.woocommerce form .form-row input.input-text, 
	.woocommerce form .form-row input[type="text"],
	.woocommerce form .form-row input[type="email"],
	.woocommerce form .form-row input[type="password"] {
		width: 100%;
		padding: 12px 48px 12px 14px;
		border-radius: 8px;
		border: 1px solid #dce5e1;
		background: #ffffff; /* zachte groene tint */
		font-size: 15px;
		outline: none;
		transition: 0.3s;
		position: relative;
	}

		/* Hover / focus */
		.woocommerce form .form-row input:focus {
			border-color: #318161;
			background: #ffffff;
		}

		/* Floating label effect */
		.woocommerce form .form-row {
			position: relative;
			margin-bottom: 22px;
		}

		.woocommerce form .form-row input::placeholder {
			opacity: 0; /* placeholder wordt label */
		}

		.woocommerce form .form-row:before {
			content: attr(data-label);
			position: absolute;
			top: 7px;
			left: 14px;
			font-size: 13px;
			color: #4b6b5f;
			pointer-events: none;
		}

	/* Eye icon */
	.show-password-toggle {
		position: absolute;
		right: 12px;
		top: 50%;
		transform: translateY(-6px);
		cursor: pointer;
		font-size: 16px;
		opacity: 0.6;
	}

	.show-password-toggle:hover {
		opacity: 1;
	}

	/* Link forgot password */
	.woocommerce-form__lost-password a {
		color: #318161;
		font-weight: 400;
		text-decoration: none;
	}

	.woocommerce-form__lost-password a:hover {
		text-decoration: underline;
	}

	/*  oogje */
	.show-password-input {
		background: none!important;
		border: none;
		cursor: pointer;
		height: 24px;
		width: 30px;
		align-items: center;
		justify-content: center;
		opacity: 0.7;
		transition: 0.2s;
		position: absolute;
		right:28px;
	}

	.show-password-input:hover {
		opacity: 1;
		}

	/* Eye icon (open) */
	.show-password-input::before {
		content: "👁"; /* wil je liever een SVG/FontAwesome, zeg het */
		font-size: 24px;
		line-height: 1;
	}

		/* Eye icon (closed) */
		.show-password-input.is-active::before {
			content: "🙈"; /* gesloten oog */
		}

/* ---------- end inlog  ----------- */




	
	p.order-again {border: 2px solid var(--geel);
		width: fit-content;
		padding: 4px 12px;
		border-radius: 99px;
		background-color: var(--white);}
		p.order-again:hover {background-color: var(--black);border: 2px solid var(--black);}
		p.order-again a:hover {color:#fff;}
	/* Uitverkocht */
	.stock.out-of-stock {
		color: #e2401c;
		font-size: 13px;
		position: relative;
		width: fit-content;
		background: var(--lichtblauw);
		padding: 4px;
		z-index: 2;}
	
	
	
	/**
	 * Shop tables
	 */
	
	table.shop_table_responsive tr td {
		display: block;
		text-align: right;
		clear: both;
	}
	
	table.shop_table_responsive tr td::before {/*add text fleid in cart table */
		/*content: attr(data-title) ": ";
		float: left;*/  
	}
	
	table.shop_table_responsive tr td.product-remove a {
		text-align: left;
	}
	
	table.shop_table_responsive tr td.product-remove::before {
		display: none;
	}
	
	table.shop_table_responsive tr td.actions::before,
	table.shop_table_responsive tr td.download-actions::before {
		display: none;
	}
	
	table.shop_table_responsive tr td.download-actions .button {
		display: block;
		text-align: center;
	}
	ul#shipping_method {list-style: none; margin: 0 0 5px -32px;}
	@media screen and (max-width: 480px) {
		tr.woocommerce-cart-form__cart-item.cart_item {position: relative;}
		tr.woocommerce-cart-form__cart-item.cart_item td.product-price {position: absolute;left: 60%;top: 0em;}
		tr.woocommerce-cart-form__cart-item.cart_item td.product-quantity {position: absolute;left: 60%;top: 1.3em;}
		tr.woocommerce-cart-form__cart-item.cart_item td.product-subtotal {position: absolute;right: 1%;top: 0em;}
	}
	
	@media screen and (min-width: 771px) {
	
		table.shop_table_responsive thead {
			display: table-header-group;background-color: var(--lightgrey);
		}
	
		table.shop_table_responsive tbody th {
			display: table-cell;
		}
	
		table.shop_table_responsive tr th,
		table.shop_table_responsive tr td {
			text-align: left;
		}
	
		table.shop_table_responsive tr td {
			display: table-cell;
			padding: 4px 4px 0px 6px;
		}

		

		 div.wc-block-components-product-details  {font-size: 12px;}
		
	span.wc-block-components-product-details__value {font-weight: bolder;}
	
		
	}
	
	
	@media screen and (max-width: 770px) {
			table.shop_table_responsive thead {
				display: block; background-color: var(--lightgrey);font-size: 12px;
			}
			table.shop_table_responsive thead tr th.product-price,table.shop_table_responsive thead tr th.product-quantity,
			table.shop_table_responsive thead tr th.product-subtotal {display: none;}
			
			table.shop_table_responsive  tr{border-collapse: collapse;}
			table.shop_table_responsive tr td.product-remove {position: absolute;bottom: -12px; left:0;}
			td.product-thumbnail::before {display: none;}
			table.shop_table_responsive tr td { display: inherit!important; text-align: center!important;}
			table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td {  text-align: left!important;}
			table.shop_table_responsive tr td::before {float: none!important;}
			form.woocommerce-cart-form img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { height: auto; width: 80px;padding: 2% 0%;}
			.shop_table thead tr, .shop_table tr:not(:last-child) {border-bottom: 1px solid #e7e7e7!important;}
			tr.woocommerce-cart-form_cart-item.cart_item {padding:29px!important;}
			.woocommerce-cart-form tr td.actions  {display:grid;}
			table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents button.button:nth-child(2), input[type="submit"] {float: none;margin-top: 16px;}
			div.coupon {margin-top: 16px;}
			td.actions input[type="text"] {max-width: 30%;float: left;margin-top: 8px;}
			.shop_table dl.variation {margin-bottom: 0;font-size: 9px;text-transform: uppercase;}
			.shop_table dl.variation {display: flex; align-items: baseline;}
			.shop_table {border-collapse: collapse;border-spacing: 0;width: 100%;margin-bottom: 1em;} /*  borders zichtbaar*/
			.woocommerce table.shop_table_responsive tr td.product-name a {font-size: inherit; text-decoration: none;font-weight: 400;}
			/*.woocommerce table.shop_table_responsive tr td.product-remove {padding:0px 0px 0px 16px;}*/
			.woocommerce table.shop_table_responsive dt {font-size:9px;padding-left: 8px;}
			.woocommerce table.shop_table_responsive dd p {font-size:10px;}
			.woocommerce-cart-form__cart-item.cart_item td.product-quantity div.quantity{padding: 8px 0px;}
			
			table.cart, .cart-collaterals{margin: 0;border: 1px solid #eee;border-top: 4px solid var(--darkgrey);padding:8px;position: relative;}
			
			table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr {display: flex;}  /* Belangrijk*/
			table.shop_table.shop_table_responsive tr {display: inherit;text-align: left;}  /* Belangrijk*/
	
			tr.woocommerce-cart-form__cart-item.cart_item td {min-width: fit-content;}
			td.product-thumbnail{min-width: 70px;}
			td.product-name {}
			td.product-price::before {display: none;}
			.page-208 #primary {padding: 0 4px 16px!important;}
			.page-id-208 #primary section.Ecomfast-container {padding: 32px 0px!important;}
			table.shop_table_responsive tr td {display: table-cell;}
			
	
	
	}
	
	
	/**
	 * Products  / producten  
	 */
	

	@media screen and (max-width: 770px) {

	}
	
	@media screen and (min-width: 771px) {
	
		ul.products li.product {
			width: 30.79667%;
			float: left;
			margin-right: 3.8%;
		}

	 	ul.products li.product img.overlay{
			min-height: inherit; /* 244px for >1590 screen*/		
			object-fit: cover;
		}

		ul.products li.product.first {
			clear: both;
		}
	
		ul.products li.product.last {
			margin-right: 0;
		}
	
		ul.products.columns-1 li.product {
			float: none;
			width: 100%;
			
		}
	
		ul.products.columns-2 li.product {
			width: 48.1%;
			margin-bottom: 1rem;
		}
	
		ul.products.columns-3 li.product {
			width: 30.79667%;/* 29%;*/
			margin-bottom: 1rem;
			border-radius: 2px;
		}
	
		ul.products.columns-4 li.product {
			width: 22.15%; /*29%;*/
			text-align: center; 
			margin-bottom: 1rem; 

		}
		
		ul.products.columns-5 li.product {
			width: 16.96%;
			margin-bottom: 1rem;
		}
	
		ul.products.columns-6 li.product {
			width: 13.49333%;
			margin-bottom: 1rem;
		}
		
	
	
	}
ul.products {margin: 0;padding: 0;}
ul.products li.product {
	list-style: none;
	position: relative;
	margin-bottom: 0em;
	text-align: center;
}
/* Kaart als flex-kolom met vaste hoogte */
div.product{ padding: 0 0 48px 0; }/* product in swiper slide -ruimte voor prijs*/
ul.products.columns-4 li.product  {
    /* background: #fff; */
    padding: 0 0 48px 0; /* ruimte voor prijs + button onderaan */
    position: relative;
    display: flex;
    flex-direction: column;
}
	ul.products li.product img, div.product img {
		display: block;
		transition: .3s;
		border: 1px solid var(--grey);
		width: 100%;
		border-radius: 4px;
		background: #fff;
	}
	ul.products li.product img.overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		opacity: 0;
		margin: 0 auto;
	}
	.woocommerce.columns-4 ul.products li.product img.overlay {
		min-height: 150px; /*max-height: 230px;*/}
	
ul.products.columns-4 li.product a.woocommerce-LoopProduct-link {display: flex;flex-direction: column;flex-grow: 1;}
ul.products li.product .woocommerce-loop-product__title {flex-grow: 1;}

/* Prijs altijd absolute onderaan links */
ul.products li.product .price {
    position: absolute;
    bottom: 10px;
    left: 2px;
    display: flex;
    align-items: baseline;
    gap: 2px;
    line-height: 1;
}
.swiper-slide div.product .price {
    position: absolute;
    bottom: 10px;
    left: 2px;
    display: flex;
    align-items: baseline;
    gap: 2px;
    line-height: 1;
}
.woocommerce-Price-amount.amount span.price-integer {font-size:26px;font-weight:700;line-height:1;}
.tier-pricing-summary-table.tier-pricing-summary-table--inline > span .amount {font-size: 16px;font-weight: 400;}

/* prijs gr/kl */
ul.products li.product .price .woocommerce-Price-amount, div.product span.price .woocommerce-Price-amount {font-size:1.4rem;background:transparent !important;}
ul.products li.product .price .price-integer, div.product span.price .price-integer {font-size:26px;font-weight:700;line-height:1;}
ul.products li.product .price .price-decimal, div.product span.price .price-decimal {font-size:15px;font-weight:700;vertical-align:super;line-height:1;}
ul.products li.product .price .woocommerce-Price-currencySymbol, div.product span.price .woocommerce-Price-currencySymbol {font-size:0.85rem;vertical-align:super;}

/* oude prijs kleiner */
ul.products li.product .price del .price-integer, div.product span.price del .price-integer {font-size:25px;font-weight:400;}
ul.products li.product .price del .price-decimal, div.product span.price del .price-decimal {font-size:14px;font-weight:400;}
ul.products li.product .price del .woocommerce-Price-currencySymbol, div.product span.price del .woocommerce-Price-currencySymbol {font-size:0.85rem;}

@media screen and (max-width:770px) {
	ul.products li.product .price .price-integer, div.product span.price .price-integer {font-size:23px;}
	ul.products li.product .price .price-decimal, div.product span.price .price-decimal {font-size:13px;}
	ul.products li.product .price .woocommerce-Price-currencySymbol, div.product span.price .woocommerce-Price-currencySymbol {font-size:0.75rem;}
	ul.products li.product .price del .price-integer, div.product span.price del .price-integer {font-size:22px;}
	ul.products li.product .price del .price-decimal, div.product span.price del .price-decimal {font-size:12px;}
	ul.products li.product .price del .woocommerce-Price-currencySymbol, div.product span.price del .woocommerce-Price-currencySymbol {font-size:0.65rem;}
}


/* Cart button rechtsonder — jouw bestaande code is goed */
ul.products li.product .button, div.product .button {
    display: block;
    background-color: var(--blauw);
    border-radius: 3px;
    padding: 5px 4px 0px;
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 91;
}




	/**
	 * ------ CHECKOUT nieuwe style 2024  ------------------------
	 */
.page-id-209 .wc-block-components-sidebar {background-color: #f3f3f3;}
.wp-block-woocommerce-checkout-order-summary-block{border: none!important;}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text{
	font-family: "Ubuntu", sans-serif;font-size: 22px;
}
	.wc-block-components-order-summary__button-text{ 
		font-weight: 700;
    	font-size: 20px;}
		
		.page-id-5 /*order recieved*/.woocommerce-order-details
			{max-width: 1000px;
			border: 1px solid;
			padding: 2%;}
			.page-id-5 .woocommerce-table.woocommerce-table--order-detailsshop_table.order_details tr {text-align: left;}
			.wc-block-components-checkout-step__heading-content a {color: var(--geel);}
	
		
			/* Style the woocommerce-checkout-review-order form */
			.woocommerce-checkout .woocommerce-checkout-review-order {
				/* Add your styles here for the review order container */
			}
			
			/* Style the order review table */
			.woocommerce-checkout .woocommerce-checkout-review-order-table {
				width: 100%;
				border-collapse: collapse;
			}
			
			.woocommerce-checkout .woocommerce-checkout-review-order-table th,
			.woocommerce-checkout .woocommerce-checkout-review-order-table td {
				padding: 6px 10px;
				border: 1px solid #ddd;
				text-align: left;
			}
			
			/* Style the "Place Order" button within col-2 */
			.woocommerce-checkout .col-2 #place_order {
				background-color: #4CAF50;
				color: #fff;
				padding: 10px 20px;
				border: none;
				border-radius: 4px;
				cursor: pointer;
			}
			
			.woocommerce-checkout .col-2 #place_order:hover {
				background-color: #45a049;
			}
			
			/* Style any specific elements within col-2 */
			.woocommerce-checkout .col-2 .some-specific-element {
				/* Add your styles for specific elements within col-2 here */
			}
									/* Style the woocommerce-checkout-payment section */
						.woocommerce-checkout-payment {
							/* Add your styles here for the payment section container */
						}
						
						/* Style the payment method options */
						.woocommerce-checkout-payment .payment_method {
							margin-bottom: 15px;
						}
						
						/* Style the payment method labels and radio buttons */
						.woocommerce-checkout-payment .payment_method label {
							display: block;
							margin-bottom: 5px;
						}
						
						.woocommerce-checkout-payment .payment_method input[type="radio"] {
							margin-right: 5px;
						}
						
						/* Style any specific elements within woocommerce-checkout-payment */
						.woocommerce-checkout-payment .some-specific-element {
							/* Add your styles for specific elements within woocommerce-checkout-payment here */

							
						}
						.woocommerce-order-details, .woocommerce-customer-details{margin: 0 8px;}
						/*thankyou message */
						#post-209 .woocommerce-table__product-table.product-total {text-align: left;}
						#post-209 .woocommerce-table__product-name.product-name {text-align: center;}
.page-id-209 .wc-block-components-product-metadata__description {display: none;} /* hide meta data*/


@media screen and  (max-width:768px){
	.page-id-209 {margin: 0 8px;} 
	.wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper {display: none;}
	.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {border-top: none;}
	.wp-block-woocommerce-checkout-order-summary-block {padding: 0 4px;}

}

/* end Checkout */

	
	@media screen and (min-width: 768px) {
	
		.col2-set .form-row-first {
			float: left;
			margin-right: 3.8%;
		}
	
		.col2-set .form-row-last {
			float: right;
			margin-right: 0;
		}
	
		.col2-set .form-row-first,
		.col2-set .form-row-last {
			width: 48.1%;
		}
	}
	
	/**
	 * General WooCommerce components
	 */
	
	/**
	 * Header cart
	 */
	.site-header-cart {
		position: relative;
		margin: 0;
		padding: 0;
	}
	
	.site-header-cart .cart-contents {
		text-decoration: none;
	}
	
	.site-header-cart .widget_shopping_cart {
		display: none;
	}
	
	.site-header-cart .product_list_widget {
		margin: 0;
		padding: 0;
	}
	
	
	/**
	 * Password strength meter
	 */
	.woocommerce-password-strength {
		text-align: right;
	}
	
	.woocommerce-password-strength.strong {
		color: #0f834d;
	}
	
	.woocommerce-password-strength.short {
		color: #e2401c;
	}
	
	.woocommerce-password-strength.bad {
		color: #e2401c;
	}
	
	.woocommerce-password-strength.good {
		color: #3d9cd2;
	}
	
	/**
	 * Forms
	 */
	.form-row.woocommerce-validated input.input-text {
		box-shadow: inset 2px 0 0 #0f834d;
	}
	
	.form-row.woocommerce-invalid input.input-text {
		box-shadow: inset 2px 0 0 #e2401c;
	}
	
	.required {
		color: #f00;
	}
	
	/**
	 * Notices
	 */
	 .woocommerce-notices-wrapper {display:none;}
	
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error,
	.woocommerce-noreviews,
	p.no-comments {
	background-color: #545454;
		clear: both;
		color: #fff!important;
		padding: 4px;
			margin: 8px;
	}
	
	.woocommerce-info,
	.woocommerce-noreviews,
	p.no-comments {
		background-color: #544e4e;color:#fff!important;
	}
	
	.woocommerce-error {
		background-color: #e2401c;
	}
	
	.demo_store {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		margin: 0;
		padding: 8px;
		background-color: #08c;
		z-index: 9999;
		text-align: center;
	}
	.woocommerce-store-notice__dismiss-link {color:#fff;}
	.woocommerce-store-notice__dismiss-link:hover {font-weight:bolder; color:#fff;}
	
	@media screen and (min-width: 48em) {
	
		/**
		 * Header cart
		 */
		.site-header-cart .widget_shopping_cart {
			position: absolute;
			top: 100%;
			width: 100%;
			z-index: 999999;
			left: -999em;
			display: block;
			box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		}
	
		.site-header-cart:hover .widget_shopping_cart,
		.site-header-cart.focus .widget_shopping_cart {
			left: 0;
			display: block;
		}
	}
	
	/**
	 * WooCommerce widgets
	 */
	
	/**
	 * WooCommerce Price Filter
	 */
	.widget_price_filter .price_slider {
		margin-bottom: 1.5em;
	}
	
	.widget_price_filter .price_slider_amount {
		text-align: right;
		line-height: 2.4;
	}
	
	.widget_price_filter .price_slider_amount .button {
		float: left;
	}
	
	.widget_price_filter .ui-slider {
		position: relative;
		text-align: left;
	}
	
	.widget_price_filter .ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 1em;
		height: 1em;
		cursor: ew-resize;
		outline: none;
		background: #4169e1;
		box-sizing: border-box;
		margin-top: -0.25em;
		opacity: 1;
	}
	
	.widget_price_filter .ui-slider .ui-slider-handle:last-child {
		margin-left: -1em;
	}
	
	.widget_price_filter .ui-slider .ui-slider-handle:hover,
	.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
		box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
	}
	
	.widget_price_filter .ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		display: block;
		border: 0;
		background: #4169e1;
	}
	
	.widget_price_filter .price_slider_wrapper .ui-widget-content {
		background: rgba(0, 0, 0, 0.1);
	}
	
	.widget_price_filter .ui-slider-horizontal {
		height: 0.5em;
	}
	
	.widget_price_filter .ui-slider-horizontal .ui-slider-range {
		height: 100%;
	}



/*  -------------------------EXTRA   FUNCTIONS   ----------------------------------------------------------------------*/