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

/* Headings */
.heading1{
	font-family: var(--h1-font-family, inherit);
    font-weight: var(--h1-font-weight, inherit);
    font-size: var(--h1-font-size, inherit);
    font-style: var(--h1-font-style, inherit);
    line-height: var(--h1-line-height, 1.4);
    letter-spacing: var(--h1-letter-spacing, inherit);
    text-transform: var(--h1-text-transform, inherit);
    margin-bottom: var(--h1-margin-bottom, 1.5rem);
}
.heading2{
	font-family: var(--h2-font-family, inherit);
    font-weight: var(--h2-font-weight, inherit);
    font-size: var(--h2-font-size, inherit);
    font-style: var(--h2-font-style, inherit);
    line-height: var(--h2-line-height, 1.4);
    letter-spacing: var(--h2-letter-spacing, inherit);
    text-transform: var(--h2-text-transform, inherit);
    margin-bottom: var(--h2-margin-bottom, 1.5rem);
}
.heading3{
	font-family: var(--h3-font-family, inherit);
    font-weight: var(--h3-font-weight, inherit);
    font-size: var(--h3-font-size, inherit);
    font-style: var(--h3-font-style, inherit);
    line-height: var(--h3-line-height, 1.4);
    letter-spacing: var(--h3-letter-spacing, inherit);
    text-transform: var(--h3-text-transform, inherit);
    margin-bottom: var(--h3-margin-bottom, 1.5rem);
}
.heading4{
	font-family: var(--h4-font-family, inherit);
    font-weight: var(--h4-font-weight, inherit);
    font-size: var(--h4-font-size, inherit);
    font-style: var(--h4-font-style, inherit);
    line-height: var(--h4-line-height, 1.4);
    letter-spacing: var(--h4-letter-spacing, inherit);
    text-transform: var(--h4-text-transform, inherit);
    margin-bottom: var(--h4-margin-bottom, 1.5rem);
}
.heading5{
    font-family: var(--h5-font-family, inherit);
    font-weight: var(--h5-font-weight, inherit);
    font-size: var(--h5-font-size, inherit);
    font-style: var(--h5-font-style, inherit);
    line-height: var(--h5-line-height, 1.4);
    letter-spacing: var(--h5-letter-spacing, inherit);
    text-transform: var(--h5-text-transform, inherit);
    margin-bottom: var(--h5-margin-bottom, 1.5rem);
}
.h6-counter-title .w-counter-title,
.heading6,
.subheading{
	font-family: var(--h6-font-family, inherit);
    font-weight: var(--h6-font-weight, inherit);
    font-size: var(--h6-font-size, inherit);
    font-style: var(--h6-font-style, inherit);
    line-height: var(--h6-line-height, 1.4);
    letter-spacing: var(--h6-letter-spacing, inherit);
    text-transform: var(--h6-text-transform, inherit);
	margin-bottom: var(--h6-margin-bottom, 1.5rem);
}

.subheading {
	margin-bottom: .25rem;
	color: var(--color-content-text-label);
}

.custom-row-padding {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}

.center-button-content {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

body.admin-bar{
	    margin-top: var(--wp-admin--admin-bar--height);
}

/* Page Header */
#page-header .l-subheader {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    position: relative;
	transition: 0.3s;
}
#page-header.sticky .l-subheader {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	transition: 0.3s;
}
#page-header:after {
    content: '';
    background: #031642;
    left: 0;
	top: 0;
	right: 0;
    position: absolute;
    width: 100%;
    height: 75px;
    z-index: 0;
}
#page-header:not(.sticky) .l-subheader.at_middle{
	    border-radius: 4px 4px 0px 0px;
}
#page-header:not(.sticky) .l-subheader.at_bottom{
	    border-radius: 0px 0px 4px 4px;
}
#page-header .l-subheader.at_bottom{
	border-top: 1px solid rgba(224, 224, 224, 0.35);=
}

.color-text-label{
	color: #4FA0C1;
}

/* Separators */
.w-separator.size_small { height: 1rem !important; }
.w-separator.size_medium { height: 2rem !important; }
.w-separator.size_large { height: 4rem !important; }
.w-separator.size_huge { height: 8rem !important; }

/* - Algemeen - */
.no-click { pointer-events: none; } /* Clickthrough */
.overflow-slider .owl-stage-outer { overflow: visible; } /* Overflowing slider */
.logo-main i { color: var(--color-content-primary);} /* Logo main color */
.logo-secondary i { color: var(--color-content-primary); } /* Logo secondary color */
.contain-img img { object-fit: contain; }

/* Gforms */
.gform_required_legend { display: none; }
.gform_body textarea { resize: none; }

/* Footer */
footer .w-tabs-section-header { color: var(--color-footer-heading) !important; }


/* Producten */
.product_field .w-post-elm-before {
	display: none;
}

/* Winkelmand + afrekenen */
.kruimelpadje i { margin: 0 5px; }

/* Winkelmand pagina */
.woocommerce { color: black; }
#winkelmand .cart { border-collapse: collapse; }

#winkelmand .cart tbody .cart_item td,
#winkelmand .cart tbody .cart_item th {
	padding: 1rem 0 !important;
}

#winkelmand .cart tbody .cart_item td { border-bottom: none; }
#winkelmand .cart thead th,
#winkelmand .cart tbody .cart_item:last-child td {
	border-bottom: 2px solid rgba(0,0,0,0.08) !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-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(0, 0, 0, 0.08);
    border-radius: 1.2rem;
	box-shadow: 
		0 4px 6px -2px rgba(10, 13, 18, 0.03),
		0 2px 2px -1px rgba(10, 13, 18, 0.04);
}
.woocommerce .woocommerce-betaalmethodes {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
}
.current-broodkruimel {
	font-weight: 700 !important;
	color: var(--color-content-primary) !important;
}
.woocommerce-cart-form__cart-item  .quantity { justify-content: center; }
.woocommerce .shop_table td .button{
	font-size: inherit !important;
	background: var(--color-content-primary) !important;
	border-radius: 50px;
}
.woocommerce .shop_table td .button::after {
  content: "\f01e";
  font-family: "fontawesome";
  font-weight: 300;
  display: inline-block;
  margin-left: 0.6rem;
}
.woocommerce .cart_totals .checkout-button {
	border-radius: 50px !important;
	background-color: #3FA34F !important;
}
.woocommerce .cart_totals .checkout-button i, 
#afrekenen button i {
    margin-left: 0.6rem;
}
#winkelmand .cart tbody tr.cart_item::nth-last-child(-n+1) { border-bottom: 2px solid rgba(0,0,0,0.08) !important; }
#winkelmand .cart tbody tr.woocommerce-cart-form__cart-item.cart_item:last-child td { border-bottom: 2px solid rgba(0,0,0,0.08) !important; }
#winkelmand .cart .cart_item > td.product-name { text-align: left; }
#winkelmand .cart .cart_item > td.product-thumbnail { padding: 0 !important; }
.woocommerce .shop_table.cart .product-price { text-align: center; }
#winkelmand .cart {
  border-collapse: separate;
  border-spacing: 0 1rem;
}
#winkelmand .cart tbody .cart_item td { border-bottom: none; }
#winkelmand .cart tbody .cart_item td,
#winkelmand .cart tbody a {
	color: black;
}

#winkelmand .cart tbody a { font-weight: bold; }
.woocommerce .product-thumbnail img { width: 100px; }
.woocommerce .cart_totals .shop_table { margin: 1rem 0 !important; }
.woocommerce .cart-collaterals .woocommerce-cartpage-contact-link { text-align: center; }
.woocommerce .cart-collaterals .woocommerce-cartpage-contact-link a {
	color: black;
	font-weight: bold;
}
.woocommerce .cart-collaterals .woocommerce-cartpage-contact-link a:hover { color: var(--color-content-primary); }

/* Toggle rij */
.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(--color-content-primary);
	font-weight: 500;
	cursor: pointer;
}
.cart-coupon-panel {
	display: none;
}

/* Paneel */
.cart-discount-form-row td {
	padding-top: 0.4rem;
	flex: 1;
}
.cart-coupon-fields {
	display: flex;
	gap: 0.5rem;
}
.cart-coupon-fields .input-text { flex: 1; }
.cart-coupon-toggle-icon { font-size: 0.8rem; }


/* input:focus { border-bottom-color: rgba(0, 0, 0, 0.08) !important; } */
/* input:focus:invalid { border-color: var(--color-content-primary); } */
/* input:invalid { border-bottom-color: red; } */
/* input:valid { border-bottom-color: #3FA34F; } */
/* input:placeholder-shown { border-color: #ccc; } */

.woocommerce-invalid input:not([type=submit]),
.woocommerce-invalid select {
	border-bottom-color: red !important;
}
.woocommerce-invalid input:not([type=submit]), .woocommerce-invalid select {
	box-shadow: inherit !important;
}



/* Coupon */
.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; /* ruimte voor de knop */
	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(--color-content-primary) !important;
    text-decoration: none;
}

/* update/refresh icon */
.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(--color-content-primary) !important;
}



/* 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: 2px solid rgba(0,0,0,0.08);
	padding: 0.75rem 1.5rem;
	border-radius: 16px;
}

.woocommerce ul#shipping_method li {
	justify-content: flex-end;
}

#afrekenen .wc_payment_methods li > label {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-weight: 500 !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);
}

#payment .woocommerce-privacy-policy-text {
	display: none !important;
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-link {
	color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 1.5px;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-link:hover {
	color: var(--color-content-primary);
    border-color: var(--color-content-primary);
}
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]::before,
#ship-to-different-address .woocommerce-form__input-checkbox::before {
	font-weight: 500;
}
.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);
}
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked,
#ship-to-different-address .woocommerce-form__input-checkbox:checked {
	background: #CBD4FF;
	border-color: var(--color-content-primary);
}



/* .woocommerce-invalid input:not([type=submit]),
.woocommerce-invalid select {
	box-shadow: 0 0 0 0px red;
} */


.woocommerce .woocommerce-cartpage-text {
	color: #000;
	font-weight: 400;
	text-align: right;
	padding: 0 1.5rem;
}
.woocommerce .woocommerce-cartpage-text p { margin: 0; }
.woocommerce .woocommerce-cartpage-text p i { margin-left: 0.3rem; }
.woocommerce .woocommerce-cartpage-text p i.fa-check { color: #3FA34F !important; }
.woocommerce .woocommerce-cart-page-header { margin-bottom: 10px; }
.woocommerce .cart_totals:not(.w-cart-totals) h2 { display: block; }
.woocommerce .cart_totals h2 {
	font-size: 1.375rem;
	font-weight: 500;
}

/* 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;
}

/* 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,
#winkelmand .cart .cart_item .cart-item-favorite {
	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,
#winkelmand .cart .cart_item .cart-item-favorite i {
	font-size: 1rem;
}
#winkelmand .cart .cart_item .ykr-cart-item-remove,
#winkelmand .cart .cart_item .cart-item-favorite {
	padding: 0;
}
#winkelmand .cart .cart_item .ykr-cart-item-remove i { font-weight: 500; }
#winkelmand .cart .cart_item .cart-item-favorite i { font-weight: 500; }
#winkelmand .cart .cart_item .cart-item-favorite.is-favorite i {
	font-weight: 900;
}
/* eventueel: actieve state later als favorieten echt werken */
#winkelmand .cart .cart_item .cart-item-favorite.is-favorite i {
	color: var(--color-content-primary);
}

.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-form-coupon,
.woocommerce .track_order,
.woocommerce .lost_reset_password {
	border-radius: 40px;
	border: 2px solid rgba(0, 0, 0, 0.08);
    border-radius: 1.2rem;
	box-shadow: 
		0 4px 6px -2px rgba(10, 13, 18, 0.03),
		0 2px 2px -1px rgba(10, 13, 18, 0.04);
}

/* 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;
}



/* 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: 230px;
	right: 230px;
	border-top: 3px dotted #EBEEFF;
	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: #EBEEFF;
	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) {
  .breadcrumbs-list::before {
	left: 20px;
	right: 20px;
  }
  .step {
    width: 36px;
    height: 36px;
  }
  .step-label { font-size: 0.85rem; }
}



/* Afrekenen */
#afrekenen h3 { margin-bottom: 1.5rem; }
#afrekenen .w-checkout-order-review { margin-bottom: 1.5rem !important; }
/* #afrekenen .cart_item:not(:last-child){ border-bottom: solid 1px var(--color-content-border); } */
#afrekenen .cart_item > td { padding: 0.25rem 0; }
#afrekenen .wc_payment_method { box-shadow: none !important; }
#afrekenen li.wc_payment_method > * {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#afrekenen button { width: 100%; }
#afrekenen button i { font-weight: 300; }

/* Bestelling succesvol */
#custom-details {
	display: flex;
    gap: 4rem;
}
#custom-details .order-details-row {
	order: 2;
	width: 40%;
	padding: 1rem;
	border: 20px;
	box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08);
}
#custom-details .shipping-details-row {
	order: 1;
	width: 60%;
}
#custom-details .shipping-details-row .thanks-for-ordering { text-align: center; }
#custom-details .order-details-row > .woocommerce-customer-details { display: none; }
#custom-details .thank-you-icon {
    display: flex;
    justify-content: center;
}
#custom-details .thank-you-icon i {
    font-size: 1.5rem;
    color: #fff;
    background: var(--color-content-primary);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#custom-details .order-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#custom-details .order-meta .order-meta__number { margin: 0; }
#custom-details .order-meta .order-meta__date{
  width: 100%;
  margin-top: 0.5rem;
}


/* Productoverzicht */
#productoverzicht .overzicht-filter-wrapper > .w-search,
#productoverzicht .overzicht-filter-wrapper > .w-order {
	max-width: 414px;
}
.w-filter-item.type_range_slider .ui-slider:before {
	background: #CBD4FF;
	box-shadow: none;
    border-color: #CBD4FF;
}
.w-filter-item.type_range_slider .ui-slider .ui-slider-range {
	background: var(--color-content-primary);
    border-color: var(--color-content-primary);
}
.w-filter-item.type_range_slider .ui-slider .ui-slider-handle {
	border-width: 4px;
    height: 1.2em;
    width: 1.2em;
    border-color: var(--color-content-primary);
    box-shadow: none;
}
.w-filter-item.type_range_slider .w-filter-item-slider-result .for_min_value,
.w-filter-item.type_range_slider .w-filter-item-slider-result .for_max_value {
	padding: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
	font-weight: 500;
}
#productoverzicht .w-filter .w-filter-item-title {
	color: var(--color-content-heading);
}

/* Productoverzicht - Filter mode: default */
#productoverzicht .w-filter.mod_default .w-filter-list .w-filter-item-values {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
#productoverzicht .w-filter.mod_default .w-filter-list .w-filter-item-content {
	padding-top: 1rem;
    border-top: 2px solid rgba(0, 0, 0, 0.08);
}
#productoverzicht .w-filter.mod_default .w-filter .w-filter-item-title {
	margin: 0;
    margin-right: 0.8em;
	margin-bottom: 0.5rem;
}

/* Productoverzicht - Filter mode: toggles */
#productoverzicht .w-filter.mod_toggle .w-filter-list .w-filter-item-values {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
#productoverzicht .w-filter.mod_toggle .w-filter-item {
	border-top: none !important;
	/* margin-bottom: 0; */
}
#productoverzicht .w-filter.mod_toggle .w-filter-item.expand,
#productoverzicht .w-filter.mod_toggle .w-filter-item-content {
	margin-bottom: 0.5rem !important;
}
#productoverzicht .w-filter.mod_toggle .w-filter-item.expand .w-filter-item-title { margin-bottom: 1rem; }
#productoverzicht .w-filter.mod_toggle .w-filter-item-title { border-bottom: 2px solid rgba(0, 0, 0, 0.08); }
#productoverzicht .w-filter.mod_toggle .w-filter-list .w-filter-item:last-child { border-bottom: none !important; }
#productoverzicht .w-filter.mod_toggle .w-filter-item .w-filter-item-title:after { content: "\f078"; border: none !important; top: 35%; transform: none !important; }
#productoverzicht .w-filter.mod_toggle .w-filter-item.expand .w-filter-item-title:after { content: "\f077" !important; border: none !important; top: 40%; transform: none !important; }
#productoverzicht .w-filter.mod_toggle .w-filter-item .w-filter-item-title:after {
	font-family: "fontawesome";
	font-weight: 700;
	font-size: 1rem;
}

/* Productoverzicht - Horizontal Toggle mode */
#productoverzicht .w-filter.mod_toggle.layout_hor .w-filter-list .w-filter-item {
	border-bottom: none !important;
}


/* Productoverzicht - Algemene checkbox styling */
#productoverzicht .w-filter input[type="checkbox"] {
	border-width: 2.5px;
	border-radius: 8px;
	background: #fff;
	color: var(--color-content-primary);
}
#productoverzicht .w-filter input[type="checkbox"]::before {
	font-weight: 500;
}
#productoverzicht .w-filter input[type="checkbox"]:checked {
	background: #CBD4FF;
	border-color: var(--color-content-primary);
}

/* Productoverzicht - Product grid weergave */
#top-sellers article.product .w-btn.us_add_to_favs,
#productoverzicht article.product .w-btn.us_add_to_favs,
#gerelateerde-producten article.product .w-btn.us_add_to_favs {
	background-color: transparent !important;
	width: unset !important;
	font-size: 20px !important;
}
/* Basis: productoverzicht - product grid weergave */
#productoverzicht article.product .product_field.stock,
.product .add_to_cart .stock,
#gerelateerde-producten .product_field.stock {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    padding-left: 1.4rem;
    color: #7AD03A; /* fallback */
}

/* Default bolletje (groen) */
#productoverzicht article.product .product_field.stock::before,
.product .add_to_cart .stock::before,
#gerelateerde-producten .product_field.stock::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #7AD03A;
    opacity: 0.25;
}

#productoverzicht article.product .product_field.stock::after,
.product .add_to_cart .stock::after,
#gerelateerde-producten .product_field.stock::after {
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #7AD03A;
    opacity: 1;
}

/* Limited stock (oranje) */
#productoverzicht article.product .product_field.stock.limited-stock,
.product .add_to_cart .stock.limited-stock,
#gerelateerde-producten .product_field.stock.limited-stock {
    color: #FFAA00;
}
#productoverzicht article.product .product_field.stock.limited-stock::before,
#productoverzicht article.product .product_field.stock.limited-stock::after,
.product .add_to_cart .stock.limited-stock::before,
.product .add_to_cart .stock.limited-stock::after,
#gerelateerde-producten .product_field.stock.limited-stock::before,
#gerelateerde-producten .product_field.stock.limited-stock::after {
    background: #FFAA00;
}
/* #productoverzicht article.product .product_field.stock::before,
#productoverzicht article.product .product_field.stock.limited-stock::before,
.product .add_to_cart .stock::before,
.product .add_to_cart .stock.limited-stock::before,
#gerelateerde-producten .product_field.stock::before,
#gerelateerde-producten .product_field.stock.limited-stock::before {
    animation: ykr-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes ykr-ping {
  75%, 100% {
    transform: translateY(-50%) scale(2);
    opacity: 0;
  }
} */

/* Uitverkocht (rood) */
#productoverzicht article.product .product_field.stock.out-of-stock,
.product .add_to_cart .stock.out-of-stock,
#gerelateerde-producten .product_field.stock.out-of-stock {
    color: #AA4444;
}
#productoverzicht article.product .product_field.stock.out-of-stock::before,
#productoverzicht article.product .product_field.stock.out-of-stock::after,
.product .add_to_cart .stock.out-of-stock::before,
.product .add_to_cart .stock.out-of-stock::after,
#gerelateerde-producten .product_field.stock.out-of-stock::before,
#gerelateerde-producten .product_field.stock.out-of-stock::after {
    background: #AA4444;
	animation: none !important;
}


/* Product Add to cart before en after elementen */
.product .product_bullet_points .bullet_point {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	margin: 0;
}
.product .single_add_to_cart_button::after {
	font-family: "fontawesome";
	content: "\f07a" !important;
	font-weight: 300;
	margin-left: 0.5rem;
}
#productoverzicht article.product .add_to_cart_button.product_type_simple::after,
#gerelateerde-producten article.product .add_to_cart_button.product_type_simple::after {
	content: "\f07a" !important;
}
#productoverzicht article.product .add_to_cart_button.product_type_variable::after, 
#gerelateerde-producten article.product .add_to_cart_button.product_type_variable::after {
	content: "\f013" !important;
}
#productoverzicht article.product .button:not(:has(.add_to_cart_button))::after,
#gerelateerde-producten article.product .button:not(:has(.add_to_cart_button))::after {
	content: "\f061";
}

#productoverzicht article.product .add_to_cart_button.product_type_simple::after,
#productoverzicht article.product .add_to_cart_button.product_type_variable::after,
#productoverzicht article.product .button:not(:has(.add_to_cart_button))::after,
#gerelateerde-producten article.product .add_to_cart_button.product_type_simple::after,
#gerelateerde-producten article.product .add_to_cart_button.product_type_variable::after,
#gerelateerde-producten article.product .button:not(:has(.add_to_cart_button))::after {
	font-family: "fontawesome";
	font-weight: 300;
	margin-left: 0.5rem;
}

#productoverzicht article.product .product_field.price {
	display: flex;
	gap: 0.5rem;
}

/* Single Product Page */
.product-information > .w-tabs-sections > .w-tabs-section {
	border-top: 2px solid rgba(0, 0, 0, 0.08) !important;
    border: none;
}
.product-information > .w-tabs-sections > .w-tabs-section:last-of-type {
	border-bottom: none !important;
}
.product-information > .w-tabs-sections > .w-tabs-section > .w-tabs-section-header,
.product-information > .w-tabs-sections > .w-tabs-section > .w-tabs-section-content {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.product-information > .w-tabs-sections > .w-tabs-section > .w-tabs-section-header > .w-tabs-section-title {
    font-size: 1.375rem;
    font-weight: 500;
}
.product-information > .w-tabs-sections > .w-tabs-section > .w-tabs-section-content > .w-tabs-section-content-h > .w-post-elm.attributes > div > * {
	border-bottom: none !important;
}
.product-information > .w-tabs-sections > .w-tabs-section > .w-tabs-section-content > .w-tabs-section-content-h > .w-post-elm.attributes > div:nth-child(odd) {
    background: #CBD4FF;
}

/* mijn account */
.woocommerce-account .woocommerce-MyAccount-navigation li a:before{
	font-family: 'fontawesome';
	margin-right: 8px;
}
.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--customer-logout a:before{ content: "\f08b" }
.woocommerce-MyAccount-content table tr{
	border-bottom: solid 1px var(--color-content-bg-alt);
}
.woocommerce-MyAccount-content table td, .woocommerce-MyAccount-content table th { border: none !important; }
.woocommerce-MyAccount-navigation-link--downloads { display: none; }
.mp-dashboard-wrapper { display: none; }
.custom-dash-container {
	/* display: none; */
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.custom-dash-container a {
	background: var(--secondary-color);
	display: block;
	padding: 40px 20px;
	border-radius: 1rem;
	text-align: center;
	width: calc(50% - 10px);
}
.custom-dash-container a:hover i { animation: size-grow 2s linear infinite; }
.custom-dash-blok i {
	background: var(--color-content-primary);
	color: #fff;
	padding: 10px;
	font-size: 36px;
	border-radius: 50px;
	width: 90px;
	height: 90px;
	text-align: center;
	line-height: 69px;
}
.custom-dash-blok span {
	display: block;
	color: #000;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 600;
}
.myaccount_container .myaccount_custom {
	width: 90px;
	height: 90px;
	border-radius: 50px;
	overflow: hidden;
	min-width:90px;
}
.myaccount_container .myaccount_custom img {
	padding: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 100%;
}
.myaccount_container {
	display:flex;
	align-items:center;
	gap: 20px;
}
.myaccount_container .username {
	font-size: 20px;
	font-weight: 600;
	color: #000;
}
.myaccount_container .email {
	color: var(--color-alt-content-link-hover);
	font-weight: 400;
	font-size: 15px;
}
.woocommerce-MyAccount-content {
	/* margin-top: -90px !important; */
}
.woocommerce-MyAccount-navigation-link a:before {
	color: #000;
	padding: 10px;
	border-radius: 50px;
	transition:all ease .3s;
}
.woocommerce-MyAccount-navigation-link:hover a:before {
	color: #fff !important;
	background: var(--color-alt-content-link-hover);
	transition:all ease .3s;
}
.woocommerce-MyAccount-navigation-link a {
	padding: 6px 0px !important;
	display: block;
	color: #000 !important;
	text-decoration: none !important;
}
.woocommerce-MyAccount-navigation-link.is-active a:before {
	color: #fff !important;
	background: var(--color-alt-content-link-hover);
}
.woocommerce-MyAccount-navigation-link.is-active a { color:#000 !important; }
.woocommerce-MyAccount-navigation-link { margin-bottom:0 !important; }
.avatar { padding-left:0 !important; }
.woocommerce>.woocommerce-MyAccount-navigation { margin-top:15px; }
.woocommerce-EditAccountForm em { display: none; }


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

/* 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(--color-content-primary);
	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-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; }


/* Klantenservice FAQ */
#klantenservice-faq .widget_nav_menu .menu { border: none !important; }
#klantenservice-faq .widget_nav_menu .menu li a { border-top: none !important; }
#klantenservice-faq .menu-item.current-menu-item > a {
	background: transparent;
	color: var(--color-content-primary);
}
#klantenservice-faq .menu-item.current-menu-item > a:hover { background: var(--color-content-bg-alt-grad); }
#klantenservice-faq .w-tabs-section {
	border-color: rgba(0,0,0,0.2);
}
#klantenservice-faq #menu-klantenservice > li a:before {
	font-family: 'fontawesome';
	margin-right: 5px;
}
#klantenservice-faq #menu-klantenservice #menu-item-1231 a:before { content: "\f847"; }
#klantenservice-faq #menu-klantenservice #menu-item-1232 a:before { content: "\f788"; }
#klantenservice-faq #menu-klantenservice #menu-item-1235 a:before { content: "\f0d1"; }
#klantenservice-faq #menu-klantenservice #menu-item-1234 a:before { content: "\f0e2"; }
#klantenservice-faq #menu-klantenservice #menu-item-1233 a:before { content: "\f590"; }
#klantenservice-faq #menu-klantenservice > li a {
	padding: 15px;
	border-right: solid 1px var(--color-content-bg-alt) !important;
	border-bottom: solid 1px var(--color-content-bg-alt) !important;
	margin-bottom: 5px !important;
}


.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;
}

/* Relevanssi search container fix */
.relevanssi-live-search-result img { max-width: 50px; }
.relevanssi-live-search-results-showing {
	left: auto !important;
	top: 47px !important;
	width: 500px !important;
}
/* Relevanssi results */
.relevanssi-live-search-result {
	line-height: normal !important;
	padding: 15px 15px;
	border-top: solid #eee 1px;
}
.relevanssi-live-search-result p { padding: 0 !important; }
.relevanssi-live-search-result a { padding: 1em !important; }

.relevanssi-live-search-result p, 
.relevanssi-live-search-result-status p {
	border-bottom: none !important;
}

/* Relevanssi */
/* Relevanssi - Search results */
.relevanssi-live-search-result { padding: 0 !important; }
.relevanssi-live-search-results { position: relative; }
.ush_search_1,
.relevanssi-live-search-result p, .relevanssi-live-search-result-status p {
	font-size: 1rem !important;
}

/* dit blok zit bovenin de results container */
.relevanssi-live-search-results .live-ajax-messages{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 5;
}
#relevanssi-live-ajax-search-spinner.rlv-has-spinner{
  width: 48px;
  height: 48px;
  margin: 0;
}

/* ".loader" vervangen met ".rlv-has-spinner" */
/* Source: https://cssloaders.github.io/ */
.rlv-has-spinner {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	position: relative;
	animation: rotate 1s linear infinite
}
.rlv-has-spinner::before , .rlv-has-spinner::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 5px solid #FFF;
	animation: prixClipFix 2s linear infinite ;
}
.rlv-has-spinner::after{
	transform: rotate3d(90, 90, 0, 180deg );
	border-color: var(--color-content-primary);
}

@keyframes rotate {
	0%   {transform: rotate(0deg)}
	100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
	0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
	50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
	75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
}

/* Search bar fix */
.w-search.layout_fullwidth .w-search-form { overflow: visible !important; }
.w-search.layout_fullwidth .w-search-form .relevanssi-live-search-results-showing { top: 100px !important; }

/* Disable on fullscreen layout search */
.w-search.layout_fullscreen .relevanssi-live-search-instructions,
.w-search.layout_fullscreen #rlvlive_1 {
	display: none !important;
}

/* Zoekresultaten pagina - custom grid voor Productcategorieën */
.search-cat-hits__grid { display:grid; gap:2rem; margin-top:2rem; }
.search-cat-hits__grid.cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.search-cat-hits__grid.cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
@media (max-width:1024px){ .search-cat-hits__grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:600px){ .search-cat-hits__grid { grid-template-columns: repeat(1,minmax(0,1fr)) !important; gap:1.8rem !important; } }
.search-cat-hits__item { position:relative; display:block; aspect-ratio:1/1; border-radius:10px; overflow:hidden; box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 2px 2px -1px rgba(10, 13, 18, 0.04); }
.search-cat-hits__bg { position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.02); transition:transform .25s ease; }
.search-cat-hits__overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.0) 60%, rgba(0,0,0,.45) 100%); }
.search-cat-hits__name { position: absolute; font-weight: 700; line-height: 1.2; text-align: center; bottom: 1.5rem; font-size: 1.2rem; color: white; left: 1rem; right: 1rem; text-align: center; }
.search-cat-hits__item:hover .search-cat-hits__bg { transform:scale(1.07); }


/* ========================================================================================= <RESPONSIVE> ===========================================================================================  */

/* Mobile Responsive */
@media screen and (max-width: 600px){	
	
	.custom-row-padding {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	
	/* Bestelling compleet */
	#bestelnummer .woocommerce-order ul {	
		display: block!important;
	}

	/* Winkelmand pagina */
	.woocommerce .shop_table.cart tr {
		border-top: 2px solid rgba(0,0,0,0.08) !important;
		justify-content: space-between;
		padding-top: 1rem;
	}
	.woocommerce .woocommerce-cart-page-header {
		flex-direction: column;
		gap: 1rem;
	}
	.woocommerce .woocommerce-cartpage-text {
		padding: 0 0rem;
    	font-size: 0.9rem;
	}
	#winkelmand .cart .cart_item > td.product-name {
		padding-left: 1rem !important;
	}
	.cart-coupon-fields {
		flex-direction: column;
	}
}

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){
	.custom-row-padding {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
}

/* Mobile & Tablet */
@media screen and (max-width: 1024px){
	
	/* Footer */
	.footer-accordions .vc_row > .wpb_column:not(:first-child) { margin-bottom: 0 !important; }
	
	/* Bestelling compleet */
	#bestelgegevens .woocommerce-order-details { width: 100% !important; }
	#bestelgegevens .woocommerce-customer-details { width: 85% !important; }
	
	/* Ludiek */
	#bestelling-toeter {
		display: flex;
		align-items: center;
	}
	#bestelling-toeter section > div { padding: 0 !important; }

	/* Tablet stacking default */
	.tablet-stacking > .l-section-h > .g-cols > .wpb_column { width: 100%; }
	.tablet-stacking > .l-section-h > .g-cols > .wpb_column:nth-child(1) { margin-bottom: 1.5rem; }
	
	/* Tablet stacking reverse */
	.tablet-stacking.tablet-stacking-reverse > .l-section-h > .g-cols { flex-direction: column-reverse; }
	.tablet-stacking.tablet-stacking-reverse > .l-section-h > .g-cols > .wpb_column:nth-child(1) { margin-bottom: 0; }
	.tablet-stacking.tablet-stacking-reverse > .l-section-h > .g-cols > .wpb_column:nth-child(2) { margin-bottom: 1.5rem; }
	
	/* Stretched columns */
	.tablet-stacking > .l-section-h > .g-cols > .wpb_column.stretched,
	.tablet-stacking.tablet-stacking-reverse > .l-section-h > .g-cols > .wpb_column.stretched {
		margin-inline-start: 0 !important;
		container-type: inherit;
	}
	/* Tablet stacking - Larger gap */
	.tablet-stacking.gap-large > .l-section-h > .g-cols > .wpb_column:nth-child(1),
	.tablet-stacking.gap-large.tablet-stacking-reverse > .l-section-h > .g-cols > .wpb_column:nth-child(2) {
		margin-bottom: 4rem;
	}
}

/* Laptop Responsive */
@media screen and (min-width: 1025px) and (max-width: 1536px){
	
}

/* Desktop Responsive */
@media screen and (min-width: 1537px){
	
}

/* Vanaf laptop */
@media screen and (min-width: 1025px){
	
	/* Footer */
	footer .w-tabs-section { border: 0 !important; }
	footer .w-tabs-section-header { 
		padding: 0;
		pointer-events: none;
	}
	footer .w-tabs-section-title {
		font-family: var(--h6-font-family);
		font-size: var(--h6-font-size);
		line-height: var(--h6-line-height);
		font-weight: var(--h6-font-weight);
		text-transform: var(--h6-text-transform);
		font-style: var(--h6-font-style);
		letter-spacing: var(--h6-letter-spacing);
		margin-bottom: var(--h6-margin-bottom);
	}
	footer .w-tabs-section-control { display: none !important; }
	footer .w-tabs-section-content { 
		padding: 1.5rem 0 0 !important;
		display: block !important;
	}
	
}

.logo-galerij .w-gallery-item {
	display: inline-flex;
	justify-content: center;
}
.logo-galerij img{
	background: transparent !important;
	padding: 15px;
	max-width: 180px;
}
.usp-block-home .l-section-h,
.usp-block-home .w-image.has_ratio .w-image-h,
.usp-block-home .vc_column_container,
.usp-block-home .vc_column-inner {
	position: unset !important;
}
.usp-block-home .w-iconbox-icon {
	width: 32px !important;
	height: 32px !important;
}

/* ========================================================================================= </RESPONSIVE> ==========================================================================================  */

/* Gelieve geen css hieronder te plaatsen */