/*
Theme Name: Yooker Theme
Template: Impreza
Version: 1.0.0
Author:	Yooker
Theme URI: https://yooker.nl
Author URI: https://yooker.nl
*/

@import url("./forms.css");
@import url("./responsive.css");

:root { /* Deze aanpassen naar klant stylen */
	--main-color: #134321;
	--secondary-color: #C39762;
	--tertiary-color: #F5F7F6;
	--border-radius: 5px;
}


/* Algemeen */
body { overflow-x: hidden; }
.overflow-hide { overflow: hidden; }
.bold { font-weight: 700; }
.clickthrough { pointer-events: none; }
.tekst-secondary { color: var(--secondary-color); }
.tekst-link { text-decoration: underline; }
.tekst-link > i { color: var(--secondary-color); }
#site-logo img { transform: translatey(-6px); }
.img-full-width img {
	width: 100%;
	object-fit: cover;
}

/* Scrollbar */
body::-webkit-scrollbar { width: 1em; }
body::-webkit-scrollbar-track { background: #fff; }
body::-webkit-scrollbar-thumb { background-color: var(--main-color); }


/* WhatsApp knop */
.ctc_s_7_icon_padding.ctc-analytics > svg {
	height: 30px !important;
	width: 30px !important;
	transition: ease 0.5s;
}
.ht-ctc.ht-ctc-chat.ctc-analytics:hover svg { transform: rotate(360deg); }


/* Home */
/* Slider algemeen */
.home .owl-prev { display: none !important; }
.home .owl-next {
	left: 100% !important;
	height: 3rem;
	width: 3rem;
	aspect-ratio: 1;
}
.home .merk-slider img { object-fit: contain !important; }
.home .merk-slider .type_term .w-grid-item-h > .w-vwrapper { transition: border 0.3s ease; }
.home .merk-slider .type_term .w-grid-item-h > .w-vwrapper:hover { border: 1px solid var(--color-content-secondary) !important; }

.banner-categories .post_image::after {
	content: '';
    position: absolute;
	inset: 0;
    background: var(--main-color);
    height: 100%;
    width: 100%;
	opacity: .75;
	pointer-events: none;
}
.banner-categories .post_title {
	font-size: 1.2rem;
	font-weight: 600;
}
.banner-categories .post_title a {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.banner-categories .post_title b {
	line-height: 1;
	font-weight: 400;
	font-size: 1rem;
}
.banner-categories .post_title b::after {
    content: '+ artikelen';
}
.banner-categories .w-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
article.evenementen:nth-child(odd) { background: #fff; }

/* DE Homepage */
/* html[lang='de-DE'] #aanhuis { display: none !important; } */

/* EN blogpagina */
html[lang='en-US'] #blog .g-filters button[data-taxonomy='blog-geen-onderdeel-van-een-categorie'] { display: none !important; }

/* Producten overzicht */
.w-order-select { width: 100%; }
.w-grid-item.product img { object-fit: cover !important; }
.w-grid-item.product .post_title { min-height: 85px; }

.w-grid-item.product.onbackorder .product_field.stock { color: orange; }
.w-grid-item.product.onbackorder .product_field.stock::before { background: orange; }

.w-grid-item.product.outofstock .product_field.stock { color: red; }
.w-grid-item.product.outofstock .product_field.stock::before { background: red; }

.w-grid-item.product .product_field.stock {
	display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: 14px;
    color: #2c4f31;
}
.w-grid-item.product .product_field.stock::before {
	content: '';
	display: inline-flex;
	aspect-ratio: 1;
	width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgb(76, 138, 63);
}
.w-grid-item .button.product_type_simple, 
.w-grid-item .button.product_type_variable {
	height: 3rem !important;
	width: 3rem !important;
	padding: 0 !important;
	color: transparent !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.w-grid-item .button.product_type_simple > .w-btn-label, 
.w-grid-item .button.product_type_variable > .w-btn-label {
	display: none;
}
.w-grid-item .button.product_type_simple:before {
	content: '\f07a';
    font-family: 'fontawesome';
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    color: #fff;
    transition: ease .3s;
}
.w-grid-item .button.product_type_variable:before {
	content: '\f05a';
    font-family: 'fontawesome';
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    color: #fff;
    transition: ease 0.3s;
}
.w-grid-item .button.product_type_simple:hover:before, 
.w-grid-item .button.product_type_variable:hover:before {
	color: var(--main-color);
}
.woocommerce-price-suffix { display: none; }

/* Cart */
.woocommerce-cart-form td { vertical-align: middle; }
.woocommerce-cart #wps_wpr_order_notice { display: none; }
.woocommerce-cart .actions .coupon { display: none; }
.woocommerce-cart .tooltip {
	width: 50px;
    height: 100%;
	padding: .5rem 1rem;
	position: relative;
    display: inline-block;
}
.woocommerce-cart .tooltip i {
	font-size: 1.5rem;
	color: var(--main-color);
}
.woocommerce-cart .tooltip-text {
	color: #fff;
	background: var(--main-color) !important;
	width: 1050%;
	min-height: 2rem;
    position: absolute;
    bottom: 125%;
    left: -420%;
    z-index: 3;
	display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(0);
    transition: ease .5s;
}
.woocommerce-cart .tooltip:hover .tooltip-text {
	opacity: 1;
	transform: scale(1);
}

/* =========================================================
   SINGLE PRODUCT
   ========================================================= */

body.single-product {
	--product-border: #e4e2dc;
	--product-muted: #6e6e68;
	--product-radius: 10px;
}
body.single-product .woocommerce-product-gallery:not(:has(> .us-thumbs-wrapper)) {
    padding-inline-start: 0 !important;
}

.product-main-section > .l-section-h > .g-cols { align-items: flex-start; }
.product-media { padding-right: 2rem; }
#productfieldsection { padding-left: 1rem; }

.product-breadcrumbs-section { padding-bottom: 0; }
.product-breadcrumbs-section .g-breadcrumbs {
	font-size: .85rem;
	color: var(--product-muted);
}


/* ---------------------------------------------------------
   Titel
   --------------------------------------------------------- */

#productfieldsection .product-title {
	margin: 0;
	font-size: clamp(2rem, 3vw, 2.8rem);
	line-height: 1.08;
	font-weight: 600;
	color: var(--main-color);
}


/* ---------------------------------------------------------
   Omschrijving
   --------------------------------------------------------- */

#productfieldsection .product-description {
	margin-top: 1rem;
	font-size: 1rem;
	line-height: 1.65;
	color: var(--product-muted);
}

#productfieldsection .product-description p {
	margin-bottom: .75rem;
}


/* ---------------------------------------------------------
   Prijs
   --------------------------------------------------------- */

#productfieldsection .product-price {
	margin-top: 1.25rem;
	margin-bottom: 1.5rem;
	font-size: 2rem;
	line-height: 1.1;
	font-weight: 700;
	color: var(--main-color);
}

#productfieldsection .product-price .woocommerce-price-suffix {
	display: block;
	margin-top: .4rem;
	font-size: .8rem;
	font-weight: 400;
	color: var(--product-muted);
}


.single-product .woocommerce-product-gallery ol>li img {
	border: 1px solid rgba(31,61,36,.14);
	border-radius: var(--site-border-radius) !important;
	transition: border .3s ease;
}
.single-product .woocommerce-product-gallery ol>li img.flex-active { border: 1px solid var(--color-content-primary) !important; }


/* ---------------------------------------------------------
   Gallery thumbnails
   --------------------------------------------------------- */

.product-media .us-thumbs-wrapper {
	grid-area: thumbs;
	width: 88px;
}
.product-media .woocommerce-product-gallery ol.flex-control-nav {
	display: flex;
	flex-direction: column;
	gap: .75rem;
	margin: 0;
	padding: 0;
}
.single-product .woocommerce-product-gallery .flex-viewport {
	border: 1px solid rgba(31,61,36,.14) !important;
	border-radius: var(--site-border-radius) !important;
}
.product-media .woocommerce-product-gallery ol.flex-control-nav > li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 88px;
	height: 88px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--product-border);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
}
.product-media .woocommerce-product-gallery ol.flex-control-nav > li img {
	display: block;
	width: 100%;
	height: 100%;
	padding: .4rem;
	object-fit: contain;
	opacity: 1;
	border: 1px solid transparent;
	border-radius: 7px;
}
.product-media .woocommerce-product-gallery ol.flex-control-nav > li img.flex-active { border-color: var(--secondary-color); }

#product_opties .variations tbody,
#product_opties .variations tr {
	display: block;
}
#product_opties .variations tr { margin-bottom: 1.25rem; }
#product_opties .variations th,
#product_opties .variations td {
	display: block;
	width: 100%;
	padding: 0;
}

#product_opties .variations .label { margin-bottom: .5rem; }
#product_opties .variations .label label {
    font-weight: 600;
    color: var(--color-content-heading);
    padding: 0;
}

/* ---------------------------------------------------------
   Variation buttons
   --------------------------------------------------------- */

#product_opties .variable-items-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
}

#product_opties .variable-item {
	display: flex !important;
	align-items: center;
	justify-content: center;

	min-width: 74px !important;
	height: 46px !important;

	margin: 0 !important;
	padding: 0 1.15rem !important;

	background: #fff !important;
	border: 1px solid var(--product-border) !important;
	border-radius: 8px !important;
	box-shadow: none !important;

	font-size: .9rem;
	font-weight: 500;

	transition:
		border-color .2s ease,
		background-color .2s ease;
}

#product_opties .variable-item:hover {
	border-color: var(--main-color) !important;
}

#product_opties .variable-item.selected {
	border-color: var(--main-color) !important;
	background: #f7f7f4 !important;
}

#product_opties .variable-item.disabled {
	opacity: .45;
	text-decoration: line-through;
}


/* ---------------------------------------------------------
   Reset variations
   --------------------------------------------------------- */

#product_opties .reset_variations {
	display: inline-block;
	margin-top: .5rem;
	font-size: .8rem;
}


/* =========================================================
   VOORRAAD
   ========================================================= */

#product_opties .woocommerce-variation {
	font-size: .9rem;
	font-weight: 400;
}

#product_opties .woocommerce-variation-availability .stock {
	display: flex;
	align-items: center;
	gap: .5rem;

	margin: 0 0 1rem;
	color: var(--main-color);
}

#product_opties .woocommerce-variation-availability .stock::before {
	content: "";

	flex: 0 0 auto;

	width: 10px;
	height: 10px;

	border-radius: 50%;
	background: #65a958;

	box-shadow: 0 0 0 3px rgba(101, 169, 88, .15);
}

#product_opties .woocommerce-variation-availability .stock.out-of-stock::before {
	background: #c93c3c;
	box-shadow: 0 0 0 3px rgba(201, 60, 60, .15);
}

#product_opties .woocommerce-variation-availability .stock.available-on-backorder::before {
	background: #d9a826;
	box-shadow: 0 0 0 3px rgba(217, 168, 38, .15);
}


/* Simpele producten / los WooCommerce stock element */

#productfieldsection .product_field.stock {
	color: var(--main-color);
}

#productfieldsection .product_field.stock::before {
	content: "";
	display: inline-block;

	width: 10px;
	height: 10px;

	margin-right: .5rem;

	border-radius: 50%;
	background: #65a958;

	box-shadow: 0 0 0 3px rgba(101, 169, 88, .15);
}

#productfieldsection .product_field.stock.out-of-stock::before {
	background: #c93c3c;
	box-shadow: 0 0 0 3px rgba(201, 60, 60, .15);
}


/* =========================================================
   QUANTITY + ADD TO CART
   ========================================================= */

#product_opties .woocommerce-variation-add-to-cart,
#product_opties form.cart:not(.variations_form) {
	display: grid;
	grid-template-columns: 130px minmax(0, 1fr);
	gap: .75rem;

	width: 100%;
	margin-top: 1rem;
}


/* ---------------------------------------------------------
   Quantity
   --------------------------------------------------------- */

#product_opties .quantity {
	display: grid !important;
	grid-template-columns: 40px 1fr 40px;

	width: 100%;
	height: 58px;

	background: #fff;
	border: 1px solid var(--product-border);
	border-radius: 8px;

	overflow: hidden;
}

#product_opties .quantity .minus,
#product_opties .quantity .plus {
	width: 40px;
	height: 100%;

	margin: 0;
	padding: 0;

	border: 0;
	background: transparent;

	color: var(--main-color);
}

#product_opties .quantity .qty {
	width: 100%;
	height: 100%;

	margin: 0;
	padding: 0;

	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;

	text-align: center;
	font-weight: 600;

	appearance: textfield;
	-moz-appearance: textfield;
}

#product_opties .quantity .qty::-webkit-outer-spin-button,
#product_opties .quantity .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


/* ---------------------------------------------------------
   Add to cart
   --------------------------------------------------------- */

#product_opties .single_add_to_cart_button {
	width: 100%;
	min-height: 58px;

	margin: 0 !important;

	border-radius: 8px !important;

	font-weight: 600;
}

#product_opties .single_add_to_cart_button::before {
	content: "\f07a";

	position: static;

	margin-right: .65rem;

	font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", fontawesome;
	font-weight: 300;

	border: 0;
}


/* =========================================================
   PRODUCT INFO TABS
   ========================================================= */

#productinfo .w-tabs-list-h {
	background: var(--main-color);
	color: #fff;

	justify-content: unset;
	text-align: unset;
}

#productinfo .w-tabs-list-h > button {
	padding: 1rem 2rem;

	opacity: 1;

	transition: ease .3s;
}

#productinfo .w-tabs-list-h > button.active {
	background: var(--secondary-color);
}

#productinfo .w-tabs-section > .w-tabs-section-content {
	padding: 2rem;

	border-style: solid;
	border-width: 0 2px 2px;
	border-color: var(--secondary-color);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {

	.product-media {
		padding-right: 1rem;
	}

	#productfieldsection {
		padding-left: 1rem;
	}

	.product-media .woocommerce-product-gallery .flex-viewport img {
		height: 440px;
	}

}


@media (max-width: 767px) {

	.product-media,
	#productfieldsection {
		padding-left: 0;
		padding-right: 0;
	}

	.product-media .woocommerce-product-gallery {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.product-media .woocommerce-product-gallery .flex-viewport {
		order: 1;
		width: 100%;
	}

	.product-media .us-thumbs-wrapper {
		order: 2;
		width: 100%;
	}

	.product-media .woocommerce-product-gallery ol.flex-control-nav {
		flex-direction: row;
		flex-wrap: wrap;
		gap: .5rem;
	}

	.product-media .woocommerce-product-gallery ol.flex-control-nav > li {
		width: 72px;
		height: 72px;
	}

	.product-media .woocommerce-product-gallery .flex-viewport img {
		height: 360px;
		padding: 1rem;
	}

	#productfieldsection .product-title {
		font-size: clamp(1.8rem, 8vw, 2.3rem);
	}

	#product_opties .woocommerce-variation-add-to-cart,
	#product_opties form.cart:not(.variations_form) {
		grid-template-columns: 110px minmax(0, 1fr);
	}

}

/* Variabel product */
.woocommerce-variation-add-to-cart{
	display: flex;
	gap: 5%;
}
.woocommerce-variation {
	font-size: 1.1rem;
	font-weight: 600;
}
.woocommerce-variation-availability .stock{ color: var(--main-color); }
.woocommerce-variation-availability .stock:before{
	content: "\f111";
	font-family: 'fontawesome';
	margin-right: 10px;
}
.woocommerce-variation-availability .stock.in-stock:before { color: green; }
.woocommerce-variation-availability .stock.available-on-backorder:before { color: yellow; }
.woocommerce-variation-availability .stock.out-of-stock:before { color: red; }

/* Simpel product */
form.cart:not(.variations_form) {
	display: flex;
	gap: 5%;
}

/* Winkelmand pagina */
#winkelmand .cart .cart_item > td{
	vertical-align: middle;
	border: none !important;
}
#winkelmand .cart tbody .cart_item td,
#winkelmand .cart tbody .cart_item th {
	padding: 1rem 0 !important;
}
#winkelmand .cart thead th {
	position: relative;
	color: var(--color-content-heading);
	opacity: 1;
	font-weight: 600 !important;
	padding: 0.5rem 0 !important;
}
#winkelmand .cart .cart_item > td {
	vertical-align: middle;
	border: none !important;
	text-align: center;
}
#winkelmand .cart .cart_item > td.product-name {
	text-align: left;
}
#winkelmand .shop_table.cart th.product-price {
	text-align: center !important;
}
.current-broodkruimel { font-weight: 600 !important; }
.woocommerce-cart-form thead th { border:none !important; }
.woocommerce-cart .cart_item { border-top: solid 1px #ededed; }
.woocommerce-cart tbody .cart_item:last-child { border-bottom: solid 1px #ededed; }
.woocommerce-cart-form thead th {
    color: #444;
    opacity: 1 !important;
}

/* Header */
.relevanssi-live-search-results {
	top: 100% !important;
	left: 0 !important;
	width: -webkit-fill-available !important;
}
.rlv-has-spinner {
	border: 8px solid var(--color-content-secondary) !important;
    border-right-color: transparent !important;
}
.rlv-has-spinner::after { background: var(--color-content-secondary) !important; }

.l-header .w-search .w-form-row-field > input {
	border-radius: 4em;
	border-color: rgba(31,61,36,.14);
	border-width: 1px;
}
.l-header .w-search .w-form-row-field > input:focus { border-color: var(--color-content-primary); }
.l-header.shadow_thin .l-subheader.at_bottom { box-shadow: none !important; }
.l-header.shadow_thin .l-subheader.at_middle,
.l-header.shadow_thin .l-subheader.at_bottom {
	border-bottom: 1px solid rgba(31, 61, 36, .14) !important;
}
.productcategorie-menu > .w-nav-list {
	margin-left: var(--menu-items-gap);
    margin-right: var(--menu-items-gap);
}
.l-subheader-cell.at_center:has(>.w-nav.productcategorie-menu) { justify-content: flex-start; }

/* Winkelwagen sidebar */
.w-cart.layout_right_panel .w-cart-content { width: 30rem !important; }
.w-cart.layout_right_panel .w-cart-content .widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total { margin-top: auto; }
.w-cart.layout_right_panel .w-cart-content .widget_shopping_cart,
.w-cart.layout_right_panel .w-cart-content .widget_shopping_cart .widget_shopping_cart_content {
	height: 100%;
}
.woocommerce-mini-cart__buttons.buttons .button.wc-forward:first-child {
	background: rgba(195, 151, 98, 0.15) !important;
    border-color: transparent !important;
    color: var(--color-content-secondary) !important;
}
.w-cart.layout_right_panel .w-cart-closer:before { font-weight: 300; }
.w-cart.layout_right_panel .widget_shopping_cart .remove {
	width: 16px;
	font-size: 16px;
	z-index: 1;
}
.w-cart.layout_right_panel .widget_shopping_cart .remove::before {
	font-family: 'fontawesome';
	content: '\f2ed';
}
.w-cart.layout_right_panel .woocommerce-mini-cart-item .quantity {
    font-size: 1rem;
    font-weight: 700;
	gap: 0.25rem;
}
.w-cart.layout_right_panel .woocommerce-mini-cart-item .wcpa_image_group_item { display: inline-flex; align-items: center; }
.w-cart.layout_right_panel .woocommerce-mini-cart-item .wcpa_image_group_item .wcpa_image_preview { margin-bottom: 0; }
.w-cart.layout_right_panel .woocommerce-mini-cart-item .wcpa_cart_meta_item-value { margin-bottom: 2px; }
.w-cart.layout_right_panel .wcpa_cart_meta { margin: 0.6rem 0 0.4rem; }
.w-cart.layout_right_panel .wcpa_cart_meta_item {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 0.3rem;
	margin-bottom: 0.25rem;
	font-size: 0.9rem;
	line-height: 1.4;
	align-items: center;
}
.w-cart.layout_right_panel .wcpa_cart_meta_item-label {
	margin: 0;
	font-weight: 600;
}
.w-cart.layout_right_panel .wcpa_cart_meta_item-value { margin: 0; }
.w-cart.layout_right_panel .wcpa_cart_meta_item-value p { margin: 0; }
.w-cart.layout_right_panel .wcpa_image_group_item {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}
.w-cart.layout_right_panel .wcpa_image_preview { margin: 0; }
.w-cart.layout_right_panel .wcpa_image_preview .wcpa_img {
	width: 1.4rem !important;
	height: 1.4rem;
	object-fit: cover;
	border-radius: 3px;
	margin-right: 0;
	max-width: 18px !important;
    max-height: 18px !important;
}
.w-cart.layout_right_panel .product_list_widget li a:not(.remove) { font-weight: 700; }
li.woocommerce-mini-cart-item.mini_cart_item {
    border-bottom: 2px solid #F1F2EF;
    padding-bottom: 1rem;
}

/* Mijn account logo */
header .at_middle .at_right .w-btn{
	display: flex;
	align-items: center;
}

/* mijn account */
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	padding: 15px;
	border-right: solid 1px var(--color-content-bg-alt);
	border-bottom: solid 1px var(--color-content-bg-alt);
	display: block;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:before{
	font-family: 'fontawesome';
	margin-right: 10px;
	font-weight: 400;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a:before{ content: "\f62a"; }
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a:before{ content: "\f847"; }
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a:before{ content: "\f2b9"; }
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a:before{ content: "\f2bd"; }
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--points a:before{ content: "\f788"; }
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:before{ content: "\f08b"; }
.woocommerce-MyAccount-content table tr{
	border-bottom: solid 1px #dbd4ce;
}
.woocommerce-MyAccount-content table td, .woocommerce-MyAccount-content table th { border: none !important; }
.woocommerce-MyAccount-navigation-link--downloads { display: none; }
.woocommerce-Address-title > h3 {
	font-size: 1.75rem;
	font-weight: 600;
}
.woocommerce-columns--addresses h2 {
	font-size: 1.75rem;
	font-weight: 600;
}
.woocommerce-account .wps_ways_to_gain_points_section { display: none; }

/* Cookie Banner */
.seopress-user-consent {
	font-size: 1rem !important;
	padding: 0.75rem !important;
	background: #f7f7f7 !important;
	border-right: 0 !important;
}
.seopress-user-consent p a:first-child {
	background-image: url(/wp-content/uploads/2022/01/yooker-cookies.png);
	width: 2rem;
	height: 2rem;
	display: inline-block;
	background-size: cover;
	margin-bottom: -11px;
	margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept{
	background: var(--main-color);
	color: #fff;
	border-radius: var(--border-radius);
	padding: 0.5rem 2rem;
	font-size: 0.8rem;
	font-weight: 600;
	margin-left:50px !important;
	border: var(--border-radius);
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-accept:hover{ background: var(--secondary-color); }
.seopress-user-consent #seopress-user-consent-close {
	background: none !important;
	border: none !important;
	font-size: 0.8rem;
	padding: 3px 20px;
	font-weight: 600;
	color: #000;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
	border:none;
	background:none;
	color:red;
	transition:all ease .3s;
}
.seopress-user-consent p a:nth-child(2) { text-decoration:underline; }
.seopress-user-consent p { padding-bottom:0 !important; }

/* Footer */
footer h6 {
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 600;
	font-family: poppins;
}
footer p, footer a {
	font-size: 14px;
	font-weight: 300;
}
footer .menu li > a:before {
	content: "\f061";
	font-family: 'fontawesome';
	font-size: 12px;
	margin-right: .75rem;
}
footer .widget.widget_nav_menu li { margin-bottom: .5rem !important; }
footer .w-tabs-section-header { color: #fff !important; }

/* Voorwaarden */
.voorwaarden .w-iconbox{ align-items: center; }

/* FAQ */
/* Style the buttons that are used to open and close the accordion panel */
.faq-tab .accordion {
	background-color: #fff;
	color: var(--main-color);
	padding: 18px;
	width: 100%;
	text-align: left;
	transition: ease 0.4s;
	border-bottom: solid 1px var(--color-content-border);
	font-weight: 500;
	font-size: 1.1rem;
}
.faq-tab .accordion:hover{ background-color: var(--tertiary-color); }
.faq-tab.active .accordion{ background-color: var(--tertiary-color); }
.faq-tab .panel {
	padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.09, 0.52, 0.04, 1.01), padding 0.5s;
}
.faq-tab.active .panel{
	max-height: 10000px;
	padding: 18px;
}
.faq-tab .accordion:after {
	content: '\f061'; 
	color: var(--secondary-color);
	float: right;
	margin-left: 5px;
	font-family: fontawesome;
	font-size: 16px;
	transition: ease 0.5s;
}
.faq-tab.active .accordion:after { transform: rotate(270deg); }

/* FAQ herbruikbare blok */
#faq #faq-blocks .w-iconbox {
	border: 1px solid rgba(31, 61, 36, .14);
	transition: border 0.3s ease;
}
#faq #faq-blocks .w-iconbox:hover {
	border: 1px solid var(--color-content-primary);
}

/* single blog  */ 
#singleblog { margin: 0 auto!important; }
#singlebloginfo {
	display: flex;
    justify-content: center;
}

/* blog */ 
#blog .g-filters-item.active{
	background: var(--secondary-color);
	color: #fff;
}
.taxonomie_blog .us-btn-style_badge { background: #beac8d!important; }
.taxonomie_blog .us-btn-style_badge:hover { background: #CABA9F!important; }
	
/* .menu-item.wpml-ls-item {
	    background: var(--color-content-bg-alt);
    border-radius: 50%;
    padding: 10px;
    display: block;
    text-align: center;
    width: 43px;
    height: 43px;
    line-height: 23px;
}
.menu-item.wpml-ls-item img {
	margin:0 !important;
}
 */

/* Breadcrumbs */
.g-breadcrumbs .g-breadcrumbs-separator { line-height: 17px; }
.g-breadcrumbs .g-breadcrumbs-separator i {
	font-size: 8px;
	font-weight:300;
}
.g-breadcrumbs-item {
	font-weight: 300 !important;
	letter-spacing: 0.3px;
}
/* Breadcrumbs */
/* Variabelen: pas sizes/kleuren naar wens */
.breadcrumbs {
  --circle-size: 44px;
  width: 100%;
}
/* Layout */
.breadcrumbs-list {
  list-style: none;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
/* Horizontale dotted connector - 1 lijn over de hele breedte,
   ingesnoerd aan linker/rechter kant zodat cirkels netjes aansluiten */
.breadcrumbs-list::before {
	content: '';
	position: absolute;
	top: calc(var(--circle-size) / 2);
	left: 17%;
	right: 17%;
	border-top: 3px dotted #D8DDD4;
	z-index: 1;
}
/* Elke item staat boven de lijn (z-index) en centreert zijn inhoud */
.breadcrumb-item {
	position: relative;
	z-index: 2;
	text-align: center;
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
/* De cirkel met nummer */
.step {
	width: var(--circle-size);
	height: var(--circle-size);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #D8DDD4;
	color: #616161;
	font-weight: 500;
	box-shadow: 0 2px 0 rgba(0,0,0,0.04);
}
/* actieve stap */
.current-breadcrumb .step {
	background: var(--color-content-primary);
	color: #fff;
	box-shadow: 0 6px 18px rgba(52,104,255,0.18);
}
/* nummer stijl (kleinere tekst in cirkel) */
.step-number {
	display: inline-block;
	font-size: 1.125rem;
	line-height: 1;
	font-family: var(--h1-font-family);
}
/* label onder de cirkel */
.step-label {
	margin-top: .6rem;
	display: block;
	font-weight: 400;
	color: #000;
	font-size: 1.125rem;
	white-space: nowrap;
}
@media (max-width: 600px) {
  .step {
    width: 36px;
    height: 36px;
  }
  .step-label { font-size: 0.85rem; }
}
@media (max-width: 1024px) {
  .breadcrumbs-list::before {
	left: 15vw;
	right: 15vw;
  }
}


/* Variations */
/* .variations tr {
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 10px;
}
.variations th.label { min-width: 150px; }
.variations td.value {
	padding: 0;
	flex:1;
	display: flex;
    justify-content: flex-end;
} */
.single_add_to_cart_button {
	flex:1;
	border: solid 2px var(--secondary-color);
}
.quantity input[type="number"] { border:none !important; }

.w-checkout-payment.payments-style_3 .wc_payment_methods>li {
	border-color: #eee!important;
    border-width: 2px;
}
.woocommerce-billing-fields .form-row label { font-weight: 500; }
.woocommerce-checkout-review-order-table tr.cart_item:not(:last-child) { border-bottom: solid 1px #efefef; }

/* Productvoorraad */
/* #product_opties .stock { 
	display:none; 
}
.product-type-variable .w-post-elm.stock {
	display: none;
} */


.w-filter-item-values { overflow-x: hidden; }
.w-filter-item-values::-webkit-scrollbar { width: 9px; }
.w-filter-item-values::-webkit-scrollbar-track { background:#fff; }
.w-filter-item-values::-webkit-scrollbar-thumb { background-color: var(--main-color); }
.cart-collaterals .woocommerce-shipping-totals.shipping { display:none; }

.betaalmethodes-titel {
	font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.custom-open-btn {
	background: transparent;
    border-color: var(--color-content-secondary) !important;
    color: var(--color-alt-content-text)!important;
    font-family: var(--font-body);
    font-size: 1rem;
    line-height: 1.1!important;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 0;
    padding: 1em 2em;
    display: block;
    text-align: center;
    margin-top: 12px;
    border: solid 2px;
}

/* Checkout */
.page-afrekenen .woocommerce-billing-fields__field-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 1rem;
}
.page-afrekenen #billing_company_field { order: 1; }
.page-afrekenen #billing_eu_vat_number_field { order: 2; }

#winkelmand .cart-collaterals .cart_totals,
#afrekenen #order-summary .wpb_column:last-child .wpb_wrapper {
	background: #fff;
	border-radius: var(--border-radius);
	padding: 24px;
    border: 1px solid rgba(31,61,36,.14);
    border-radius: var(--site-border-radius);
}

#billing_company_field { display: none; }
#billing_eu_vat_number_field { display: none; }
.woocommerce-info, .woocommerce-error, .woocommerce-message {
	border-radius: var(--site-border-radius);
	border: 1px solid rgba(31,61,36,.14) !important;
}

.woocommerce-message {
	background: var(--color-content-primary-faded) !important;
    color: #000 !important;
}

/* Actions rond quantity in winkelmand */
#winkelmand .cart .cart_item .cart-qty-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
}
#winkelmand .cart .cart_item .ykr-cart-item-remove {
	border: 0;
	background: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #000;
}
#winkelmand .cart .cart_item .ykr-cart-item-remove i { font-size: 1rem; }
#winkelmand .cart .cart_item .ykr-cart-item-remove { padding: 0; }
#winkelmand .cart .cart_item .ykr-cart-item-remove i { font-weight: 500; }

/* Cart page header */
.woocommerce .woocommerce-cart-page-header {
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
}
.woocommerce .woocommerce-cart-page-title, 
#afrekenen .woocommerce-billing-fields h3,
#afrekenen .woocommerce-checkout-review-order h3 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 31px;
}
.woocommerce .woocommerce-cart-item-count {
	color: #CCC;
}
#afrekenen  .woocommerce-billing-fields__field-wrapper,
#afrekenen .woocommerce-shipping-fields__field-wrapper {
	grid-template-columns: 1fr 1fr;
}
#afrekenen .woocommerce-checkout-review-order-table {
	font-weight: 600;
}
#afrekenen .woocommerce-checkout-review-order-table .cart_item .product-image {
	width: 75px;
	height: 75px;
}
#afrekenen .woocommerce-checkout-review-order-table .cart_item > td { vertical-align: middle; }
#afrekenen .woocommerce-checkout-review-order-table .cart_item > td.product-name { padding: 0 1rem; }

#afrekenen .woocommerce-checkout-review-order,
.w-checkout-payment {
	color: #000;
}

#payment .wc_payment_methods {
	border: 1px solid rgba(31, 61, 36, .14);
	padding: 0.75rem 1.5rem;
	border-radius: var(--site-border-radius);
}
#afrekenen .wc_payment_method {
    box-shadow: none !important;
}
#afrekenen .wc_payment_methods li > label {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 500 !important;
}
#afrekenen li.wc_payment_method > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#afrekenen li.wc_payment_method input[type="radio"] {
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2.5px solid var(--color-content-primary);
}
#afrekenen li.wc_payment_method input[type="radio"]::before {
    height: 75%;
    width: 75%;
    margin: 0 !important;
    background: var(--color-content-primary);
}

#afrekenen li.wc_payment_method input[type="radio"]:not(:checked) {
	border: 2.5px solid rgba(0, 0, 0, 0.1);
}

.woocommerce-terms-and-conditions-wrapper input[type="checkbox"], #ship-to-different-address .woocommerce-form__input-checkbox {
    border-width: 2.5px;
    border-radius: 8px;
    background: #fff;
    color: var(--color-content-primary);
}

/* Cart Quantity */
.cart-qty-box {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.10rem 0.5rem;
	border: 1px solid rgba(0,0,0,0.08);
	background: #fff;
	    border: 2px solid rgba(0, 0, 0, 0.08);
border-radius: 10px;
}
.cart-qty-box .cart-qty-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    cursor: pointer;
    padding: 0;
}
.cart-qty-box .cart-qty-button i {
	font-weight: 500;
	font-size: 1rem;
}
.cart-qty-box .quantity {
	margin: 0;
}
.cart-qty-box .quantity .qty {
	border: none;
	background: transparent;
	width: 2.5ch;
	text-align: center;
	padding: 0;
	box-shadow: none;
}

/* Quantity */
.woocommerce .product-quantity .quantity > input.qty {
	color: #000;
	width: auto;
	min-width: 2ch;
	max-width: 4ch;
	max-height: 2.5ch;
	padding: 0;
	box-sizing: content-box;
	text-align: center;
	line-height: inherit;
	min-height: inherit;
	border-radius: inherit;
}
.woocommerce .product-quantity .quantity > input.qty::-webkit-outer-spin-button,
.woocommerce .product-quantity .quantity > input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.woocommerce-notices-wrapper .woocommerce-message,
.wc-empty-cart-message .cart-empty.woocommerce-info {
	border-left: 4px solid var(--color-content-primary) !important;
}
.woocommerce-notices-wrapper .woocommerce-message,
.wc-empty-cart-message .cart-empty.woocommerce-info,
.w-grid-none.type_message {
	border-radius: 10px;
}

/* ============================================================
   Kortingscode toggle in winkelmand-overzicht ("Heb je een kortingscode?")
   Toevoegen aan: wp-content/themes/Yooker Theme/style.css (demenner)
   Overgenomen/aangepast van shop-template.yookerdesign.nl referentie,
   kleuren omgezet naar de huisstijl-variabelen van De Menner
   (--main-color / --secondary-color, al gedefinieerd bovenin style.css)
   ============================================================ */
.cart-discount-toggle th {
	border: none;
}
 
.cart-discount-toggle > th {
	width: 100%;
}
 
.cart-coupon-toggle {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.5rem;
	padding: 0;
	border: none;
	background: none;
	color: var(--main-color);
	font-weight: 500;
	cursor: pointer;
}
 
.cart-coupon-toggle-icon {
	font-size: 0.8rem;
	color: var(--main-color);
}
 
.cart-coupon-panel {
	display: none;
}
 
.cart-discount-form-row td {
	padding-top: 0.6rem;
}
 
.cart-coupon-fields {
	display: flex;
	gap: 0.5rem;
}
 
.cart-coupon-fields .input-text {
	flex: 1;
}
 
.cart-coupon-panel > .cart-coupon-form .cart-coupon-fields {
	position: relative;
	width: 100%;
}
 
.cart-coupon-panel > .cart-coupon-form .cart-coupon-fields .coupon-input {
	width: 100%;
	padding-right: 95px;
	box-sizing: border-box;
}
 
.cart-coupon-panel > .cart-coupon-form > .cart-coupon-fields > .coupon-apply-btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	font-weight: 500;
	cursor: pointer;
	padding: inherit;
	background: transparent !important;
	color: var(--main-color) !important;
	text-decoration: none;
}
 
.cart-coupon-panel > .cart-coupon-form .cart-coupon-fields .coupon-apply-btn:after {
	display: none;
}
 
.cart-coupon-panel > .cart-coupon-form .cart-coupon-fields .coupon-apply-btn:hover {
	text-decoration: underline !important;
	color: var(--secondary-color) !important;
}

/* Categorieën lijst */
#accordion { width: 100%; }
#accordion h3 {
    margin: 0;
    cursor: pointer;
    padding: 1em 1em 1em 0;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: bold;
    border-top: solid 1px var(--color-alt-content-border);
}
#accordion div {
    display: none;
    margin: 0;
    padding-left: 10px;
	padding-bottom:15px;
}
#accordion div p {
	padding: 1px 0px !important;
    margin: 0 !important;
	font-size:15px;
}
.expand-chevron::after {
    content: ' \25B6';
    font-size: 1em;
    color: #666;
    cursor: pointer;
	float: right;
	
}
.has-children.expanded .expand-chevron::after { content: ' \25BC'; }
#accordion div.child-category { display: none; }
#accordion {
	max-height: 332px;
    overflow-y: scroll;
	padding-right: 8px;
}
#accordion::-webkit-scrollbar {
	width: 8px;
	border-radius: 50px;
}
#accordion::-webkit-scrollbar-track {
	background:#fff;
	border-radius: 50px;
}
#accordion::-webkit-scrollbar-thumb {
	background-color: var(--main-color);
	border-radius: 50px;
}
.woocommerce-billing-fields h3,
.woocommerce-checkout #order_review_heading {
    margin-bottom: 1rem;
}
.woocommerce-checkout .order-total { font-size: 17px !important; }
.woocommerce-checkout #shipping_method, .woocommerce-checkout .cart-subtotal td { font-weight: 500 !important; }
.level_2 .wpml-ls-flag {
	width: 18px;
	height: 12px;
	z-index: 9999;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 2px;
}

html[lang="en-GB"] #at,
html[lang="en-GB"] #home,
html[lang="en-US"] #at,
html[lang="en-US"] #home {
	display:none;
}

/* html[lang="nl-NL"] .banner-categories .post_title > a::before {
	content: "Bekijk ";
}
html[lang="en-GB"] .banner-categories .post_title > a::before,
html[lang="en-US"] .banner-categories .post_title > a::before  {
	content: "View ";
} */

.nlonly {
	display:none;
}
html[lang="nl-NL"] .nlonly {
	display:block !important;
}

.deonly{
	display:none;
}

html[lang="de-DE"] .deonly {
	display:block !important;
}

.enonly {
	display:none;
}

html[lang="en-GB"] .enonly, html[lang="en-US"] .enonly {
	display:block !important;
}
html[lang="en-GB"] #menu-item-81520, html[lang="en-US"] #menu-item-81520 {
	display:none !important;
}

.wpml-ls-item.togglable .w-nav-list.level_2 {
	min-width: auto;
    padding: 4px;
    margin-left: -2px;
}
.w-nav.type_desktop:not(.height_full), .w-hwrapper .w-nav.type_desktop, .w-vwrapper .w-nav.type_desktop {
	line-height: auto !important;
}

html[lang="en-GB"] .home #home-banner h1, html[lang="en-US"] .home #home-banner h1 {
	font-size:46px;
}
@media screen and (max-width: 600px){
	html[lang="en-GB"] .home #home-banner h1, html[lang="en-US"] .home #home-banner h1 {
		font-size:2rem !important;
	}
}

html[lang="en-GB"] #athome, html[lang="en-US"] #athome {
	display:none !important;
}

html[lang='en-GB'] h5.betaalmethodes-titel, html[lang='en-GB'] .woocommerce-privacy-policy-text, html[lang='en-US'] h5.betaalmethodes-titel, html[lang='en-US'] .woocommerce-privacy-policy-text  {
	display:none !important;
}
html[lang='en-GB'] #payment .wc_payment_methods, html[lang='en-US'] #payment .wc_payment_methods {
	padding-top:40px;
	padding-bottom:20px;
}
.woocommerce-checkout .woocommerce-form-login-toggle {
	display:none !important;
}
.woocommerce-checkout #billing_first_name_field, .woocommerce-checkout #billing_last_name_field {
	width:100% !important;
}
.woocommerce-checkout #order_review {
    padding: 1.5rem 2rem !important;
    background: #fff !important;
    border: 1px solid rgba(31, 61, 36, .14);
    border-radius: var(--site-border-radius);
}
.woocommerce-checkout .lost_password {
	display:none !important;
}




/* Dropdown for mobile */

#mobile-category-menu .widget_nav_menu {
	padding: 0 !important;
}



/* Mobile menu */
#mobile-category-menu .menu-item-has-children .sub-menu {
	margin-left: 7px !important;
    margin-bottom: 0.5rem !important;
}

/* Points cart */

.wps_wpr_restrict_user_message {
	margin-top: 30px;
}

.shop_table.cart .wps_wpr_apply_custom_points #wps_cart_points {
	padding-top: 2.5px !important;
	padding-bottom: 2.5px !important;
	height: unset !important;
}

.wps_wpr_apply_custom_points {
	margin-top: 30px !important;
}

.w-filter.layout_ver .w-filter-item, .w-filter.state_mobile.layout_hor .w-filter-item {
	margin-bottom:0 !important;
}

.whatsapp-btn-custom {
		    position: fixed;
    z-index: 9;
    background: rgb(45, 183, 66);
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    font-size: 34px;
    bottom: 17px;
    right: 9px;
    box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 6px 8px 2px rgba(0,0,0,.14);
}


/* Verberg Tuigpasservice voor DE en EN */
html[lang="en-US"] article.post-171177, html[lang="de-DE"] article.post-171177 {
  display: none !important;
}

.w-nav-item-toggle {
    display: none!important;
}