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

/* Headings */
.heading-1 {
	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);
}
.heading-2 {
	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);
}
.heading-3 {
	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);
}
.heading-4 {
	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);
}
.heading-5 {
    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);
}
.heading-6 {
	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);
}

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

/* Gravity Forms: dezelfde basis op iedere pagina, ook na validatie/AJAX. */
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) :is(.gform_validation_errors, .validation_error) {
	margin: 0 0 var(--shop-space-l, 24px);
	padding: var(--shop-spacing, 16px);
	border: 1px solid color-mix(in srgb, var(--shop-error, #b81c23) 25%, white) !important;
	border-left: 3px solid var(--shop-error, #b81c23) !important;
	border-radius: var(--shop-radius, 8px);
	background: color-mix(in srgb, var(--shop-error, #b81c23) 4%, white);
	box-shadow: none;
	color: var(--shop-error, #b81c23);
}
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) .gform_validation_errors > h2 {
	margin: 0;
	padding: 0;
	font-size: var(--shop-font-size, 1rem);
	font-weight: 600;
	line-height: 1.5;
	color: inherit;
}
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) .gform_validation_errors .gform-icon { display: none; }
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) .gform_validation_errors :is(ol, ul) {
	margin: var(--shop-space-s, 8px) 0 0;
	padding-left: var(--shop-space-l, 24px);
}
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) .gform_validation_errors a { color: inherit; }
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) :is(.gfield_validation_message, .validation_message) {
	margin: var(--shop-space-s, 8px) 0 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: var(--shop-font-small, .875rem);
	line-height: 1.5;
	color: var(--shop-error, #b81c23);
}
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) .gfield_error :is(input, select, textarea) {
	border-color: var(--shop-error, #b81c23) !important;
}
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) .gfield_error :is(.gfield_label, .gform-field-label, .gfield_required) {
	color: var(--shop-error, #b81c23);
}
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) form { margin-bottom: 0; }
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) :is(.gform_footer, .gform_page_footer) {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--shop-space-m, 12px);
	margin: var(--shop-space-l, 24px) 0 0;
	padding: 0;
}
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) :is(.gform_footer, .gform_page_footer) :is(input[type="submit"], button, .gform_save_link) {
	margin-bottom: 0 !important;
}
body .gform_wrapper:is(.gravity-theme, .gform-theme--framework, .gform_legacy_markup_wrapper) :is(.gform_ajax_spinner, .gform-loader) { margin: 0; }

/* ========================================================== HERROEPING CSS ====================================================================== */
.herroeping-values {
	max-width: 600px;
	padding: 1.5rem;
	border: solid 1px var(--color-content-border);
	margin-top: 1rem;
}
.herroeping-values > p {
	display: flex;
	justify-content: space-between;
}
.herroeping-values > p:not(:last-child) { margin-bottom: 0.5rem; }
.herroeping-values > p > span:first-child { min-width: fit-content; }
.herroeping-values > p > span:last-child { text-align: right; font-weight: 600; }
#gform_previous_button_5 {
	background-color: transparent !important;
	border: solid 2px var(--color-content-border);
	border-radius: var(--site-border-radius);
}
#gform_previous_button_5:hover { border-color: var(--color-content-primary); }

#gform_confirmation_message_5 .heading-4 { color: var(--color-content-heading); }
#gform_confirmation_message_5 .herroeping-confirm-msg { color: var(--color-content-text); }

/* ====================================================== EINDE HERROEPING CSS =================================================================== */

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

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

.current-broodkruimel {
	font-weight: 700 !important;
	color: var(--color-content-primary) !important;
}
.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;
}

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

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

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

/* Breadcrumbs */
/* Variabelen: pas sizes/kleuren naar wens */
/* Layout */
.breadcrumbs-list {
	list-style: none;
	margin: 0 0 1rem 0 !important;
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	position: relative;
	gap: 0.5rem;
}
.breadcrumb-item {
	display: inline-flex;
	align-items: center;
	margin: 0;
}
.breadcrumb-item:not(:last-child)::after {
	content: "\f105";
	font-family: "fontawesome";
	margin-left: 0.5rem;
	width: 1rem;
	height: 1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	color: #BDBDBD;
}
.breadcrumb-item.current-breadcrumb {
	color: var(--color-content-primary);
	font-weight: 600;
}
.breadcrumb-item:not(.current-breadcrumb) a {
	color: #BDBDBD;
	text-decoration: unset !important;
}
.breadcrumb-item:not(.current-breadcrumb) a:hover {
	color: var(--color-content-primary);
}

/* 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 */
#productoverzicht article.product .w-btn.us_add_to_favs,
#gerelateerde-producten article.product .w-btn.us_add_to_favs {
	background-color: transparent !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 .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;
}

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

/* WooCommerce voor winkelwagen en afrekenpagina samen */
.woocommerce .woocommerce-page-header {
	display: flex;
	justify-content: space-between;
	gap: 0.25rem 0.5rem;
	align-items: center;
	margin-bottom: 3rem;
}
.woocommerce .woocommerce-cartpage-text {
	color: var(--winkelwagen-colour-text);
	font-weight: 400;
	text-align: right;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 2rem;
}
.woocommerce .woocommerce-cartpage-text p {
	line-height: 1.5;
	margin: 0;
	height: fit-content;
	display: inline-flex;
	align-items: center;
	gap: 0 .5rem;
	color: var(--color-content-text);
}
.woocommerce .woocommerce-cartpage-text p i.fa-check,
.woocommerce .woocommerce-cartpage-text p i.fa-check-circle { color: #3FA34F !important; }


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

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){
	
}

/* Mobile & Tablet */
@media screen and (max-width: 1024px){

	
	.woocommerce .woocommerce-page-header {
		margin-bottom: 2.5rem;
	}

	.woocommerce .woocommerce-page-header {
		flex-direction: column;
		align-items: start;
		gap: 1rem;
	}

	.woocommerce .woocommerce-cartpage-text {
		gap: .5rem 1.5rem;
	}
	
	/* Footer */
	.footer-accordions .vc_row > .wpb_column:not(:first-child) { margin-bottom: 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;
	}
}

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

	.woocommerce .woocommerce-page-header {
		flex-direction: column;
		gap: 1rem;
		margin-bottom: 2rem;
	}

	.woocommerce .woocommerce-cartpage-text {
		flex-direction: column;
	}
	.woocommerce .woocommerce-cartpage-text p {
		text-align: left;
	}
}

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

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

/* Gelieve geen css hieronder te plaatsen */