/*
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 {
	color: var(--color-content-heading);
	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 {
	color: var(--color-content-heading);
	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 {
	color: var(--color-content-heading);
	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 {
	color: var(--color-content-heading);
	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 {
	color: var(--color-content-heading);
    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 {
	color: var(--color-content-heading);
	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: 3rem !important; }
.w-separator.size_huge { height: 8rem !important; }

/* Verwijderen van underline (op a hovers) */
.no-touch a:hover>.w-nav-title, .no-touch a:hover {
	text-decoration: unset !important;
}

/* - Algemeen - */
.w-btn-wrapper { margin: 0 }
.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; }
.subtitel {
	color: var(--color-content-primary);
	font-weight: 600;
	line-height: 1.25;
	text-transform: uppercase;
	margin-bottom: .25rem;
	font-family: var(--h1-font-family);
}
.subtitel.licht {
	color: #79C0F1 !important;
}
.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.title-clamp-2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.w-btn.us-btn-style_1.transparent {
	background: transparent;
	color: var(--color-content-heading) !important;
}

/* Dots */
.owl-carousel .owl-dots {
	padding-top: 0.75rem;
}
.owl-carousel .owl-dots .owl-dot span {
	background: rgba(0, 66, 132, 0.35);
	margin: 0 0.375rem;
}
.owl-carousel .owl-dots .owl-dot.active span {
	background: var(--color-content-link) !important;
    box-shadow: unset;
}

/* Arrows */
.owl-prev,
.owl-next {
	width: 3rem;
	height: 3rem;
	border-radius: 10px;
	padding: unset;
}
.owl-prev:after,
.owl-next:after {
	font-size: 1.25rem;
}

/* Pagination */
.pagination.navigation .nav-links {
	align-items: center;
}
.pagination.navigation .nav-links .page-numbers {
	padding: unset;
	width: 2.5rem;
	height: 2.5rem;
	min-width: unset;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	font-weight: 400;
	color: var(--color-content-text) !important;
	margin: 0.25rem 0.125rem;
}
.pagination.navigation .nav-links .page-numbers.prev {
	padding: calc(0.75rem - 2px) calc(1.5rem - 2px) calc(0.75rem - 2px) calc(0.75rem - 2px);
}
.pagination.navigation .nav-links .page-numbers.next {
	padding: calc(0.75rem - 2px) calc(0.75rem - 2px) calc(0.75rem - 2px) calc(1.5rem - 2px);
}
.pagination.navigation .nav-links .page-numbers.prev,
.pagination.navigation .nav-links .page-numbers.next {
	color: var(--color-content-primary) !important;
	gap: 0;
	border: 2px solid var(--color-content-primary);
	border-radius: 8px;
	width: unset;
	height: unset;
	max-height: 3rem;
	font-weight: 600;
}
.pagination.navigation .nav-links .page-numbers.prev::after,
.pagination.navigation .nav-links .page-numbers.next::after {
	width: 1.5rem;
	height: 1.5rem;
	padding: unset;
    font-size: 1.125rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.pagination.navigation .nav-links .page-numbers.prev::before,
.pagination.navigation .nav-links .page-numbers.next::before {
	position: relative;
}
.pagination.navigation .nav-links .page-numbers.prev::before {
	content: 'Vorige';
	order: 1;
	margin-left: .25rem;
}
.pagination.navigation .nav-links .page-numbers.next::before {
	content: 'Volgende';
	margin-right: .25rem;
}
.pagination.navigation .nav-links .page-numbers:not(.current):hover {
	background-color: #E6F4FE;
}
.pagination.navigation .nav-links .page-numbers.current {
	background-color: var(--color-content-primary);
	font-weight: 700;
	color: white !important;
}

/* Gforms */
.gform_required_legend { display: none; }
.gform_body textarea { resize: none; }
.gform_wrapper.gravity-theme .gsection {
	border: unset;
	padding: 0 !important;
}
.gform_wrapper.gravity-theme .gsection:not(:first-of-type) {
	padding-top: .5rem !important;
}
.gform_wrapper.gravity-theme .gsection .gsection_title {
	font-size: var(--h6-font-size);
}
.gform_wrapper .gform_footer {
	padding: 0 !important;
	margin-top: 1rem !important;
}
.gform_wrapper .gform_footer .gform_button {
	margin-bottom: 0 !important;
	width: 100%;
}
.gform_wrapper.gravity-theme .gform_fields {
	grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
}
.gform_wrapper.gravity-theme .ginput_container_consent {
	display: flex;
	font-size: .875rem;
}

/* ========================================================== 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 =================================================================== */

/* Header */
.l-subheader .usp {
	display: flex;
	align-items: baseline;
	gap: 0 0.5rem;
}
.l-subheader .usp i {
	color: var(--color-content-brand-sky-wash);
}

/* Hero banner */
#hero-banner {
    position: relative;
}
#hero-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        /* Algemene blauwe overlay */
        linear-gradient(
            rgba(0, 41, 83, 0.65),
            rgba(0, 41, 83, 0.65)
        ),

        /* Donkerder onderaan */
        linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.20) 0%,
            rgba(0, 0, 0, 0) 100%
        ),

        /* Donkerder links */
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.20) 0%,
            rgba(0, 0, 0, 0) 100%
        );

    pointer-events: none;
}
#hero-banner > .l-section-h {
    position: relative;
    z-index: 2;
}
#hero-banner h1 {
    padding-top: 0;
}

/* Homepage banner */
#home-banner .image-container,
#home-banner .image-container img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#home-banner .image-container::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;

	background:
		/* Blauwe overlay */
		linear-gradient(
			rgba(0, 41, 83, 0.65),
			rgba(0, 41, 83, 0.65)
		),

		/* Donker onderaan */
		linear-gradient(
			0deg,
			rgba(0, 0, 0, 0.20) 0%,
			rgba(0, 0, 0, 0) 100%
		),

		/* Donker links */
		linear-gradient(
			90deg,
			rgba(0, 0, 0, 0.20) 0%,
			rgba(0, 0, 0, 0) 100%
		);
}
#home-banner .content {
	z-index: 2;
	position: relative;
}
#home-banner .image-container .wpb_wrapper,
#home-banner .image-container .wpb_column {
	height: 100%;
}
#home-banner .l-section-h {
	position: unset;
}
#home-banner::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			0deg,
			rgba(0, 0, 0, 0.2) 0%,
			rgba(0, 0, 0, 0) 100%
		),
		linear-gradient(
			90deg,
			rgba(0, 0, 0, 0.2) 0%,
			rgba(0, 0, 0, 0) 100%
		);
	pointer-events: none;
}

/* Home search bar */
.home-search-wrapper {
	position: relative;
	z-index: 5;
}
.home-machine-search {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr) 190px;
	gap: 1.5rem;
	width: 100%;
}
.home-machine-search select,
.home-machine-search input,
.home-machine-search button {
	min-height: 48px;
}
.home-machine-search select,
.home-machine-search input {
	border-radius: 0.625rem;
	width: 100%;
	border: 0;
	background: white;
	box-shadow: none;
}
.home-machine-search select {
	padding: 0 1rem;
}
.home-machine-search__field {
	position: relative;
	min-width: 0;
}
.home-machine-search__field > i {
	position: absolute;
	top: 50%;
	left: 1rem;
	transform: translateY(-50%);
	color: #a0a8b0;
	pointer-events: none;
}
.home-machine-search input {
	padding: 0 1rem 0 2.75rem;
}
.home-machine-search button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 0 1.5rem;
	border: 0;
	background: var(--color-content-primary);
	color: #fff;
	font-family: var(--font-family);
	font-weight: 600;
	cursor: pointer;
}
.home-machine-search button:hover {
	background: var(--color-content-secondary);
}

/* =========================================================
   Abonnementen homepage
   ========================================================= */

.machinerymix-pricing {
	width: 100%;
}
.machinerymix-pricing__header {
	margin-bottom: 2rem;
	text-align: center;
}
.machinerymix-pricing__header .subtitel {
	display: block;
	margin-bottom: .25rem;
}
.machinerymix-pricing__header h2 {
	margin: 0;
	padding: 0;
}
.machinerymix-pricing__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.5rem;
}
.machinerymix-pricing-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 2rem;
	border-radius: var(--site-border-radius);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(180deg, #1A3654 0%, var(--color-content-heading) 81.65%);
	box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.10), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.machinerymix-pricing-card.is-featured {
	border-color: var(--color-content-secondary);
	background: #294451;
	background: linear-gradient(0deg, rgba(245, 158, 11, 0.10) 0%, rgba(245, 158, 11, 0.10) 100%), linear-gradient(180deg, #1A3654 0%, var(--color-content-heading) 81.65%);
}
.machinerymix-pricing-card__badge {
	position: absolute;
	top: 0;
	left: 50%;
	padding: .25rem 1rem;
	border-radius: .5rem;
	color: var(--color-content-heading);
	background: var(--color-content-secondary);
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 600;
	text-transform: uppercase;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	font-family: var(--h1-font-family);
}
.machinerymix-pricing-card__title {
	margin: 0 0 1.5rem;
	padding: 0;
	color: #fff;
	text-align: center;
}
.machinerymix-pricing-card__price {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: .35rem;
	min-height: 3rem;
}
.machinerymix-pricing-card__amount {
	color: #fff;
	margin-bottom: 0;
	line-height: 1;
}
.machinerymix-pricing-card__amount.bigger {
	font-size: 3.25rem;
}
.machinerymix-pricing-card__amount .woocommerce-Price-currencySymbol {
	font-size: inherit;
}
.machinerymix-pricing-card__period {
	color: var(--color-alt-content-text);
	font-size: .75rem;
	line-height: 1.5;
}
.machinerymix-pricing-card__total {
	margin-top: 1rem;
	color: white;
	font-size: .875rem;
	text-align: center;
}
.machinerymix-pricing-card__features {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin: 1.5rem 0 2.5rem;
	padding: 1rem 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	list-style: none;
}
.machinerymix-pricing-card__features li {
	display: flex;
	align-items: center;
	gap: .5rem;
	font-size: .875rem;
	line-height: 1.5;
}
.machinerymix-pricing-card__features i {
	flex: 0 0 auto;
	font-size: 1rem;
	width: 1.25rem;
	height: 1.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--color-content-brand-sky-wash);
}
.machinerymix-pricing-card__features .is-limitation,
.machinerymix-pricing-card__features .is-limitation i {
	color: rgba(169, 192, 207, 0.50);
}
.machinerymix-pricing-card__footer {
	margin-top: auto;
}
.machinerymix-pricing-card__footer .w-btn {
	width: 100%;
}
.machinerymix-pricing-card.is-featured .machinerymix-pricing-card__footer .w-btn {
	padding: .75rem .5rem;
}
.machinerymix-pricing-card__extras {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 1rem;
	margin: .75rem 0 0;
	padding: 0;
	color: var(--color-alt-content-text);
	font-size: .75rem;
	list-style: none;
}
.machinerymix-pricing-card__extras li {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: 0 !important;
}

/* Footer */
#page-footer .footer-content { position: relative; }
#page-footer .footer-content::after {
	content: '';
	background: url('../Yooker-theme/assets/img/footer.svg');
	height: 331px;
	width: 400px;
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: unset;
}
#page-footer .footer-content .l-section-h {
	z-index: 1;
}
footer .w-tabs-section-header { color: var(--color-footer-heading) !important; }


/* Producten */
/* Verkoopblok als volledige rij in de productgrid */
.us_product_list .w-grid-list > .machine-highlight-card {
	grid-column: 1 / -1 !important;
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box;
}
.us_product_list .w-grid-list > .machine-highlight-card.w-grid-item {
	--item-width: 100% !important;
}
/* Zoekbalk assortiment */
.assortiment-zoekbalk .w-search form.w-form-row {
	display: flex;
	align-items: stretch;
	gap: 2rem;
	width: 100%;
}
.assortiment-zoekbalk .w-search .w-form-row-field {
	flex: 1 1 auto;
	min-width: 0;
	position: relative;
}
.assortiment-zoekbalk .w-search .w-form-row-field::before {
	content: '\f002';
	font-family: "fontawesome";
	position: absolute;
	font-size: .875rem;
	font-weight: 400;
	top: 50%;
	transform: translateY(-50%);
	left: 1.25rem;
	color: #9E9E9E;
	pointer-events: none;
}
.assortiment-zoekbalk .w-search .w-form-row-field input {
	width: 100%;
	height: 48px;
	border: unset;
	padding: 1rem 1rem 1rem 2.75rem;
	font-size: 1rem;
	background-color: var(--color-content-bg);
}
.assortiment-zoekbalk .w-search .w-search-form-btn {
	position: relative;
	top: unset;
	transform: unset;
	background: var(--color-content-primary) !important;
	width: auto;
	height: 48px;
	padding: 0.75em 1.25em;
	font-family: var(--font-family);
	font-size: 1rem;
	line-height: 1.5 !important;
	font-weight: 600;
	border-radius: 0.5rem;
	color: #fff !important;
	min-width: 250px;
	flex: 0 0 250px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
}
.assortiment-zoekbalk .w-search .w-search-form-btn:hover {
	background: #004284 !important;
}
.assortiment-zoekbalk .w-search .w-search-form-btn::after {
	content: 'Zoeken';
}

/* Assortiment filters */
.machinerymix-location-filter .machinerymix-location-filter-items button.w-filter-item-title {
	display: none !important;
}
/* Seller (verkoper) blok */
.machinerymix-seller-machine-count {
	padding: 1rem;
	border-radius: var(--site-border-radius);
	background-color: white;
	box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.10);
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.5rem;
}
.machinerymix-seller-machine-count .machinerymix-seller-avatar {
	width: 3.5625rem;
	height: 3.5625rem;
	border-radius: 10px;
	background-color: #F1F6F9;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.machinerymix-seller-machine-count .machinerymix-seller-avatar .heading-5 {
	margin-bottom: 0;
}
.machinerymix-seller-machine-count .machinerymix-seller-name {
	display: flex;
	gap: .5rem;
	align-items: center;
	color: var(--color-content-heading);
	font-size: .875rem;
	font-weight: 700;
	line-height: 150%;
}
.machinerymix-seller-machine-count .machinerymix-seller-name i {
	color: #388E3C;
}
.machinerymix-seller-machine-count .machinerymix-seller-count {
	display: flex;
	gap: .5rem;
	align-items: center;
	color: var(--color-content-heading);
	font-size: .75rem;
	margin-top: .25rem;
}

/* Single product specificaties */
.single-product .uitgelichte-kenmerken .uitlichting {
	width: 25%;
	height: 100%;
}
.single-product .uitgelichte-kenmerken .uitlichting i {
	width: 44px;
	margin-bottom: .5rem;
	height: 44px;
	border-radius: 10px;
	background-color: #F1F6F9;
	color: var(--color-content-heading);
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.single-product .uitgelichte-kenmerken .uitlichting .w-post-elm-before {
	font-size: .75rem;
	line-height: 1.25;
}
.single-product .uitgelichte-kenmerken .uitlichting .w-post-elm-value,
.single-product .uitgelichte-kenmerken .uitlichting .w-post-elm-after {
	font-weight: 600;
	color: var(--color-content-heading);
}

/* Machinedetails op de single productpagina */
.machine-details__navigation {
	display: flex;
    gap: .75rem;
    justify-content: space-between;
	padding-bottom: .75rem;
	border-bottom: 1px solid rgba(0, 41, 83, 0.35);
}

.machine-details__specifications {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.5rem;
}
.machine-details__specifications .specs-column {
	background: white;
	box-shadow: 0 2px 4px 0 rgba(16, 24, 40, 0.10);
	width: calc(50% - .75rem);
	border-radius: 10px;
}
.machine-details__specifications .specs-column .property {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .75rem;
	font-size: .875rem;
	padding: 0.75rem 1.5rem;
}
.machine-details__specifications .specs-column .property:not(:last-of-type) {
	border-bottom: 1px solid rgba(0, 41, 83, 0.15);
}
.machine-details__specifications .specs-column .property .value {
	color: #212121;
	font-weight: 600;
}

.machine-details .machine-details__features {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1.5rem;
}
.machine-details .machine-details__features .kenmerk {
	width: calc(50% - 0.75rem);
	display: flex;
	align-items: baseline;
}
.machine-details .machine-details__features .kenmerk i {
	width: 1.5rem;
	height: 1.5rem;
	padding: unset;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: .5rem;
	color: var(--color-content-heading);
}

.machine-details .machine-details__documents {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.5rem;
}
.machine-details .machine-details__documents .document {
	width: calc(50% - .75rem);
	gap: .75rem;
	padding: .75rem 1rem;
	background-color: white;
	border-radius: var(--site-border-radius);
	box-shadow: 0 2px 4px 0 rgba(16, 24, 40, 0.10);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.machine-details .machine-details__documents .document .document-content {
	flex: 1 1 auto;
	min-width: 0;
	color: #212121;
	font-weight: 600;
	line-height: 1.5;
}
.machine-details .machine-details__documents .document .document-content .document-specs {
	font-size: .875rem;
	color: #9E9E9E;
	font-weight: 400;
}
.machine-details .machine-details__documents .document .icon,
.machine-details .machine-details__documents .document .document-button {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	flex: 0 0 auto;
}
.machine-details .machine-details__documents .document .icon {
	background-color: #F1F6F9;
	color: var(--color-content-heading);
}

/* 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-list .type_dropdown .w-filter-item-values select {
	height: 37px;
	min-height: 37px;
	line-height: 1.5;
}
#productoverzicht .w-filter.mod_toggle .w-filter-list .type_dropdown .w-filter-item-values::after {
    top: 50%;
	transform: translateY(-50%);
    margin: unset;
	border: unset;
    border-radius: unset;
	font-family: "fontawesome";
	content: '\f107';
	right: 16px;
}
#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 .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); }

/* Waarom Machinerymix + Waarom voor verkopers (verkoopstappen) */
.verkoop-stappen .stappen {
	position: relative;
}
.verkoop-stappen .stappen::before {
	content: '';
	position: absolute;
	left: 1.5rem;
	width: calc(100% - 3rem);
	top: 50%;
	transform: translateY(-50%);
	height: .5rem;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='8' viewBox='0 0 19 8'%3E%3Ccircle cx='4' cy='4' r='3' fill='%230b78c8'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: left center;
	background-size: 19px 8px;
}
.waarom-machinerymix .w-iconbox-icon,
.verkoop-stappen .w-iconbox-icon {
	border-radius: .625rem !important;
	width: 2.75rem !important;
	height: 2.75rem !important;
	line-height: unset !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.waarom-machinerymix .w-iconbox-icon svg,
.verkoop-stappen .w-iconbox-icon svg {
	width: unset;
}
.waarom-machinerymix .w-iconbox-title,
.verkoop-stappen .w-iconbox-title {
	color: white;
	padding: .5rem 0;
}
.waarom-machinerymix .w-iconbox-text p,
.verkoop-stappen .w-iconbox-text p {
	color: var(--color-alt-content-text);
}

/* Categorie slider (uitlichting) + product uitlichting */
#categorie-slider .categorie,
#productoverzicht .product,
#top-sellers .product {
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}
#categorie-slider .categorie .w-hwrapper,
#categorie-slider .categorie .post_image,
#productoverzicht .product .w-hwrapper,
#productoverzicht .product .post_image,
#top-sellers .product .w-hwrapper,
#top-sellers .product .post_image {
	width: 100%;
	overflow: hidden;
}
#categorie-slider .categorie .post_image,
#productoverzicht .product .post_image,
#top-sellers .product .post_image {
	position: relative;
	display: block;
	transform: translateZ(0) scale(1);
	transform-origin: center center;
	transition: transform .3s ease;
	backface-visibility: hidden;
	will-change: transform;
}
#categorie-slider .categorie:hover .post_image,
#productoverzicht .product:hover .post_image,
#top-sellers .product:hover .post_image {
	transform: translateZ(0) scale(1.05);
}
#categorie-slider .category-sell-card {
	justify-content: center;
}
#categorie-slider .w-btn-wrapper {
	margin-right: 0;
}

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

/* Mobile Responsive */
@media screen and (max-width: 600px){

	.machine-details__specifications {
		display: block;
		background-color: white;
		border-radius: 10px;
		/* border-radius: ; */
	}
	.machine-details__specifications .specs-column {
		width: 100%;
		box-shadow: unset;
		border-radius: unset;
		background-color: unset;
	}
	.machine-details__specifications .specs-column.column-1 {
		border-bottom: 1px solid rgba(0, 41, 83, 0.15);
	}

	.machine-details__navigation .w-btn,
	.machine-details .machine-details__features .kenmerk {
		width: 100% !important;
	}

	.single-product .uitgelichte-kenmerken {
		flex-wrap: wrap;
		gap: .75rem;
	}
	.single-product .uitgelichte-kenmerken .uitlichting {
		width: calc(50% - .375rem);
		margin-right: 0 !important;
	}

	.machine-details .machine-details__documents .document .icon {
		display: none;
	}

	.machinerymix-pricing__grid {
		grid-template-columns: 1fr;
	}

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

@media (max-width: 767px) {

	.machine-details__navigation {
		flex-wrap: wrap;
	}
	.machine-details__navigation .w-btn {
		width: calc(50% - .75rem);
	}

	.machine-details .machine-details__documents .document {
		width: 100%;
	}

	.assortiment-zoekbalk .w-search form.w-form-row {
		flex-direction: column;
	}

	.assortiment-zoekbalk .w-search .w-search-form-btn {
		width: 100%;
		min-width: 0;
		flex-basis: auto;
	}
}

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

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

	.machinerymix-pricing__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	/* 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;
	}
	
}

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

/* Gelieve geen css hieronder te plaatsen */