/**
 * Bakker Events – thema-stijlen.
 *
 * Kleuren komen altijd uit de palet-variabelen van theme.json, zodat
 * aanpassingen via Weergave > Editor > Stijlen overal doorwerken.
 */

:root {
	--be-accent: var(--wp--preset--color--accent);
	--be-dark: var(--wp--preset--color--dark);
	--be-dark-2: var(--wp--preset--color--dark-2);
	--be-on-dark: var(--wp--preset--color--on-dark);
	--be-border: var(--wp--preset--color--border);
	--be-muted: var(--wp--preset--color--muted);
	--be-base: var(--wp--preset--color--base);
	--be-base-2: var(--wp--preset--color--base-2);
	--be-r-s: var(--wp--custom--radius--small, 8px);
	--be-r-m: var(--wp--custom--radius--medium, 14px);
	--be-r-l: var(--wp--custom--radius--large, 22px);
	--be-shadow: var(--wp--custom--shadow--card);
	--be-shadow-hover: var(--wp--custom--shadow--card-hover);
	--be-ease: cubic-bezier(.2, .7, .2, 1);

	--be-icon-speaker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2'/%3E%3Ccircle cx='12' cy='14' r='4'/%3E%3Ccircle cx='12' cy='6.5' r='1'/%3E%3C/svg%3E");
	--be-icon-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.4A8 8 0 1 1 21 12z'/%3E%3C/svg%3E");
	--be-icon-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E");
	--be-icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E");
	--be-icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------------ */
/* Basis                                                               */
/* ------------------------------------------------------------------ */

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

:focus-visible {
	outline: 2px solid var(--be-accent);
	outline-offset: 2px;
}

/* Geen automatische witruimte tussen header, inhoud en footer. */
.wp-site-blocks > * {
	margin-block-start: 0;
}

.wp-site-blocks > footer {
	margin-block-start: var(--wp--preset--spacing--60);
}

.wp-site-blocks:has(.be-main--home) > footer,
.wp-site-blocks:has(.be-main--full) > footer {
	margin-block-start: 0;
}

/* Pagina's die WooCommerce zelf levert (winkel, product, winkelwagen, afrekenen). */
.wp-site-blocks > main:not(.be-main) {
	padding-top: var(--wp--preset--spacing--50);
}

.be-main--home > *,
.be-main--full > .wp-block-post-content > .alignfull {
	margin-block: 0;
}

.be-main--full > .wp-block-post-content {
	margin-block: 0;
}

/* Links in donkere vlakken */
.has-dark-background-color a:where(:not(.wp-element-button)):hover,
.has-dark-background-color a:where(:not(.wp-element-button)):focus {
	color: var(--be-accent);
}

/* Formulieren (lage specificiteit, zodat WooCommerce-blokken hun eigen stijl houden) */
:where(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"], input[type="url"], input[type="date"], select, textarea) {
	font: inherit;
	color: inherit;
	background: var(--be-base);
	border: 1px solid var(--be-border);
	border-radius: var(--be-r-s);
	padding: 0.65em 0.85em;
}

:where(input, select, textarea):focus {
	border-color: var(--be-accent);
	outline: 2px solid color-mix(in srgb, var(--be-accent) 35%, transparent);
	outline-offset: 0;
}

/* Knoppen */
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline > .wp-element-button {
	border: 2px solid currentColor;
	padding: calc(0.8em - 2px) calc(1.4em - 2px);
	background: transparent;
	color: inherit;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:focus {
	background: color-mix(in srgb, currentColor 12%, transparent);
	color: inherit;
}

.be-btn-dark > .wp-block-button__link {
	background: var(--be-dark);
	color: var(--be-on-dark);
}

.be-btn-dark > .wp-block-button__link:hover,
.be-btn-dark > .wp-block-button__link:focus {
	background: var(--be-dark-2);
	color: var(--be-on-dark);
}

.wp-element-button,
.wp-block-button__link {
	transition: background-color .2s ease, color .2s ease, transform .2s var(--be-ease), box-shadow .2s ease;
}

.wp-element-button:active,
.wp-block-button__link:active {
	transform: translateY(1px);
}

/* Kleine kopjes boven titels */
.be-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	margin: 0 0 0.75rem;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--be-accent);
}

.be-eyebrow::before {
	content: "";
	width: 1.75em;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
}

:where(.has-base-background-color, .has-base-2-background-color, .be-section) .be-eyebrow {
	/* 50%: voldoende contrast (min. 4,5:1) op wit én lichtgrijs */
	color: color-mix(in srgb, var(--be-accent) 50%, var(--wp--preset--color--contrast));
}

.be-link-arrow {
	margin: 0;
	font-weight: 500;
	font-size: var(--wp--preset--font-size--small);
}

.be-link-arrow a {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	text-decoration: none;
	border-bottom: 2px solid var(--be-accent);
	padding-bottom: 2px;
}

.be-link-arrow a::after {
	content: "→";
	transition: transform .2s var(--be-ease);
}

.be-link-arrow a:hover::after {
	transform: translateX(3px);
}

.be-section__head {
	margin-bottom: var(--wp--preset--spacing--50);
	gap: 1rem;
}

.be-section__head h2 {
	margin: 0;
}

/* ------------------------------------------------------------------ */
/* Header                                                              */
/* ------------------------------------------------------------------ */

.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 1000;
}

/* Vergrootglas/zoom van de productgalerij (WooCommerce: z-index 99) onder de header houden. */
.woocommerce-product-gallery {
	isolation: isolate;
}

.woocommerce-product-gallery__trigger {
	z-index: 5 !important;
}

@media (max-width: 600px) {
	.wp-site-blocks > header.wp-block-template-part {
		top: 0;
	}
}

.be-header {
	border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

.be-header a {
	color: inherit;
	text-decoration: none;
}

.be-topbar {
	font-size: var(--wp--preset--font-size--x-small);
	border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

.be-topbar__inner {
	padding-block: 0.45rem;
	gap: 0.25rem 1.5rem;
}

.be-topbar p {
	margin: 0;
	opacity: 0.75;
}

.be-topbar a:hover {
	color: var(--be-accent);
}

.be-topbar__right {
	gap: 0.25rem 1rem;
	align-items: center;
	margin-left: auto;
}

.be-topbar__right > * {
	margin: 0 !important;
}

.be-topbar__menu {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 1.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.be-topbar__menu a {
	opacity: 0.75;
	transition: opacity .15s ease, color .15s ease;
}

.be-topbar__menu a:hover,
.be-topbar__menu .current-menu-item > a {
	opacity: 1;
}

.be-topbar .wp-block-search__button,
.be-topbar .wc-block-customer-account a {
	padding: 0.2rem !important;
}

.be-topbar .wp-block-search__button svg,
.be-topbar .wc-block-customer-account svg {
	width: 18px !important;
	height: 18px !important;
}

.be-topbar .be-header-search .wp-block-search__input {
	padding: 0.25em 0.6em;
	font-size: inherit;
}

.be-topbar .be-header-search {
	position: relative;
}

/* Zoekvenster altijd open in de bovenbalk */
.be-header-search--open .wp-block-search__inside-wrapper {
	display: flex;
	align-items: center;
	width: clamp(180px, 22vw, 300px);
	padding: 0 !important;
	background: var(--be-dark-2) !important;
	border: 1px solid color-mix(in srgb, var(--be-on-dark) 18%, transparent) !important;
	border-radius: 999px !important;
	transition: border-color .15s ease;
}

.be-header-search--open .wp-block-search__inside-wrapper:focus-within {
	border-color: var(--be-accent) !important;
}

.be-header .be-header-search--open .wp-block-search__input {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0.35em 0.4em 0.35em 1em !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 999px;
	color: var(--be-on-dark);
	font-size: var(--wp--preset--font-size--x-small);
	outline: none;
}

.be-header .be-header-search--open .wp-block-search__button {
	margin: 0 0.15rem 0 0 !important;
	padding: 0.3rem !important;
	border-radius: 999px;
}

@media (max-width: 781px) {
	.be-topbar__right {
		width: 100%;
		justify-content: space-between !important;
	}

	.be-header-search--open {
		flex: 1 1 auto;
	}

	.be-header-search--open .wp-block-search__inside-wrapper {
		width: 100%;
	}
}

@media (max-width: 781px) {
	.be-topbar__text {
		display: none;
	}

	.be-topbar__inner {
		justify-content: flex-end !important;
	}
}

.be-mainbar__inner {
	padding-block: 0.8rem;
	gap: 1rem;
	min-height: 64px;
}

.be-brand {
	flex: 0 0 auto;
	flex-direction: column;
	align-items: flex-start !important;
	justify-content: center;
	gap: 0.2rem !important;
}

.be-tagline {
	margin: 0;
	font-size: 0.62rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1.2;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--wp--preset--color--accent);
}

.be-brand .wp-block-site-logo img {
	max-height: 48px;
	width: auto;
	height: auto;
}

/* Heeft de site een logo, dan is de sitetitel dubbel: verbergen. */
.be-brand:has(.wp-block-site-logo img) .wp-block-site-title {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.be-brand .wp-block-site-title {
	margin: 0;
	white-space: nowrap;
}

.be-header-actions {
	flex: 0 0 auto;
	gap: 0.25rem;
}

.be-header-actions > * {
	margin: 0 !important;
}

.be-header .wp-block-search__button {
	background: transparent;
	color: inherit;
	border: 0;
	padding: 0.5rem;
	margin: 0;
	border-radius: var(--be-r-s);
}

.be-header .wp-block-search__button:hover {
	background: color-mix(in srgb, currentColor 10%, transparent);
	color: var(--be-accent);
}

.be-header .wp-block-search__button svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}

.be-header .wp-block-search__inside-wrapper {
	border: 0;
	padding: 0;
	background: transparent;
}

.be-header .wp-block-search__input {
	background: var(--be-dark-2);
	color: var(--be-on-dark);
	border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
	border-radius: var(--be-r-s);
	padding: 0.5em 0.8em;
	min-width: 0;
}

.be-header .wp-block-search__input::placeholder {
	color: color-mix(in srgb, var(--be-on-dark) 55%, transparent);
}

.be-header .wc-block-mini-cart__button,
.be-header .wc-block-customer-account a {
	color: inherit;
	padding: 0.5rem;
	border-radius: var(--be-r-s);
}

.be-header .wc-block-mini-cart__button:hover,
.be-header .wc-block-customer-account a:hover {
	background: color-mix(in srgb, currentColor 10%, transparent);
	color: var(--be-accent);
}

.be-header .wc-block-mini-cart__badge {
	background: var(--be-accent) !important;
	color: var(--wp--preset--color--on-accent) !important;
	border-color: var(--be-dark) !important;
	font-weight: 700;
}

.be-header .wc-block-mini-cart__amount {
	display: none;
}

/* ------------------------------------------------------------------ */
/* Menu (eigen blok; bij Max Mega Menu neemt die plugin het over)      */
/* ------------------------------------------------------------------ */

.be-menu {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
	min-width: 0;
}

.be-menu--mmm {
	display: block;
}

.be-menu__notice {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-small);
	opacity: 0.7;
}

.be-menu__toggle {
	display: none;
}

.be-menu__list,
.be-menu__list .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.be-menu__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.15rem;
}

.be-menu__list > li {
	position: relative;
}

.be-menu__list a {
	display: flex;
	align-items: center;
	gap: 0.35em;
	padding: 0.6rem 0.8rem;
	border-radius: var(--be-r-s);
	color: inherit;
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	line-height: 1.3;
	transition: color .15s ease, background-color .15s ease;
}

.be-menu__list > li > a {
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.be-menu__list a:hover,
.be-menu__list a:focus-visible,
.be-menu__list .current-menu-item > a,
.be-menu__list .current-menu-ancestor > a,
.be-menu__list .current-menu-parent > a {
	color: var(--be-accent);
}

.be-menu__list .menu-item-has-children > a::after {
	content: "";
	width: 0.45em;
	height: 0.45em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	opacity: 0.7;
}

.be-menu__list .sub-menu {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	min-width: 250px;
	padding: 0.5rem;
	background: var(--be-dark-2);
	color: var(--be-on-dark);
	border: 1px solid color-mix(in srgb, var(--be-on-dark) 10%, transparent);
	border-radius: var(--be-r-m);
	box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .18s ease, transform .18s var(--be-ease), visibility .18s;
	z-index: 20;
}

.be-menu__list .sub-menu::before {
	content: "";
	position: absolute;
	inset: -10px 0 auto;
	height: 10px;
}

.be-menu__list li:hover > .sub-menu,
.be-menu__list li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.be-menu__list .sub-menu a {
	padding: 0.55rem 0.75rem;
	font-weight: 400;
}

.be-menu__list .sub-menu a:hover {
	background: color-mix(in srgb, var(--be-on-dark) 7%, transparent);
}

.be-menu__list .sub-menu .sub-menu {
	top: -0.5rem;
	left: 100%;
}

.be-menu__list .sub-menu .menu-item-has-children > a::after {
	margin-left: auto;
	transform: rotate(-45deg);
}

/* Footermenu: altijd plat en klein */
.be-menu--footer {
	flex: 0 1 auto;
	justify-content: flex-end;
}

.be-menu--footer .be-menu__toggle {
	display: none !important;
}

.be-menu--footer .be-menu__panel {
	display: block !important;
	position: static !important;
	padding: 0 !important;
	background: none !important;
}

.be-menu--footer .be-menu__list > li > a {
	text-transform: none;
	letter-spacing: 0;
	font-size: var(--wp--preset--font-size--x-small);
	padding: 0.25rem 0.5rem;
	font-weight: 400;
	opacity: 0.75;
}

.be-menu--footer .sub-menu {
	display: none;
}

@media (max-width: 1100px) {
	.be-mainbar__inner > .be-menu:not(.be-menu--mmm) {
		order: 3;
		flex: 0 0 auto;
	}

	.be-mainbar__inner > .be-menu--mmm {
		order: 3;
		flex: 0 0 auto;
	}

	.be-menu:not(.be-menu--footer) .be-menu__toggle {
		position: relative;
		z-index: 2;
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0.55rem 0.7rem;
		background: transparent;
		color: inherit;
		border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
		border-radius: var(--be-r-s);
		font: inherit;
		font-size: var(--wp--preset--font-size--x-small);
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.08em;
		cursor: pointer;
	}

	.be-menu__toggle-bars,
	.be-menu__toggle-bars::before,
	.be-menu__toggle-bars::after {
		display: block;
		width: 18px;
		height: 2px;
		border-radius: 2px;
		background: currentColor;
		transition: transform .2s var(--be-ease), opacity .2s;
	}

	.be-menu__toggle-bars {
		position: relative;
	}

	.be-menu__toggle-bars::before,
	.be-menu__toggle-bars::after {
		content: "";
		position: absolute;
		left: 0;
	}

	.be-menu__toggle-bars::before { top: -6px; }
	.be-menu__toggle-bars::after { top: 6px; }

	.be-menu.is-open .be-menu__toggle-bars { background: transparent; }
	.be-menu.is-open .be-menu__toggle-bars::before { transform: translateY(6px) rotate(45deg); }
	.be-menu.is-open .be-menu__toggle-bars::after { transform: translateY(-6px) rotate(-45deg); }

	.be-menu:not(.be-menu--footer) .be-menu__panel {
		display: none;
		position: fixed;
		inset: 0;
		z-index: 1;
		overflow-y: auto;
		padding: 6.5rem clamp(1rem, 5vw, 2rem) 3rem;
		background: var(--be-dark);
		color: var(--be-on-dark);
	}

	.be-menu.is-open .be-menu__panel {
		display: block;
	}

	.be-menu:not(.be-menu--footer) .be-menu__list {
		flex-direction: column;
		gap: 0;
	}

	.be-menu:not(.be-menu--footer) .be-menu__list > li {
		border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent);
	}

	.be-menu:not(.be-menu--footer) .be-menu__list > li > a {
		font-size: var(--wp--preset--font-size--large);
		padding: 0.9rem 0;
	}

	.be-menu:not(.be-menu--footer) .be-menu__list .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		min-width: 0;
		padding: 0 0 0.75rem 1rem;
		background: none;
		border: 0;
		box-shadow: none;
	}

	.be-menu:not(.be-menu--footer) .be-menu__list .sub-menu a {
		padding: 0.45rem 0;
		opacity: 0.8;
	}

	.be-menu:not(.be-menu--footer) .be-menu__list .menu-item-has-children > a::after {
		display: none;
	}

	html.be-menu-open {
		overflow: hidden;
	}

	/* Mobiel menu: submenu's inklapbaar */
	.be-menu--collapsible .be-menu__list li.menu-item-has-children {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.be-menu--collapsible .be-menu__list li.menu-item-has-children > a {
		flex: 1 1 0;
		min-width: 0;
	}

	.be-menu--collapsible .be-menu__list li.menu-item-has-children > .sub-menu {
		flex: 0 0 100%;
	}

	.be-menu--collapsible .be-menu__list li.menu-item-has-children:not(.is-sub-open) > .sub-menu {
		display: none;
	}

	.be-menu--collapsible .be-menu__sub-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 2.75rem;
		width: 2.75rem;
		height: 2.75rem;
		padding: 0;
		border: 0;
		border-radius: var(--be-r-s);
		background: transparent;
		color: inherit;
		cursor: pointer;
	}

	.be-menu--collapsible .be-menu__sub-toggle::before {
		content: "";
		width: 0.5rem;
		height: 0.5rem;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: translateY(-2px) rotate(45deg);
		opacity: 0.75;
		transition: transform .2s ease;
	}

	.be-menu--collapsible li.is-sub-open > .be-menu__sub-toggle::before {
		transform: translateY(2px) rotate(-135deg);
	}

	.be-menu--collapsible .be-menu__sub-toggle:hover,
	.be-menu--collapsible .be-menu__sub-toggle:focus-visible {
		background: color-mix(in srgb, currentColor 10%, transparent);
	}

	.be-menu--collapsible .sub-menu .be-menu__sub-toggle {
		flex-basis: 2.25rem;
		width: 2.25rem;
		height: 2.25rem;
	}
}

.be-menu__sub-toggle {
	display: none;
}

@media (max-width: 600px) {
	.be-mainbar__inner {
		gap: 0.5rem;
	}

	.be-menu__toggle-label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.be-menu:not(.be-menu--footer) .be-menu__toggle {
		padding: 0.6rem;
	}

	.be-brand {
		flex: 0 1 auto;
		min-width: 0;
	}

	.be-brand .wp-block-site-title {
		font-size: var(--wp--preset--font-size--medium);
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.be-brand .wp-block-site-logo img {
		max-height: 38px;
	}

	.be-tagline {
		font-size: 0.5rem;
		letter-spacing: 0.12em;
	}

	.be-header-actions {
		gap: 0;
	}
}

/* ------------------------------------------------------------------ */
/* Hero                                                                */
/* ------------------------------------------------------------------ */

.be-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.be-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(55% 75% at 88% 0%, color-mix(in srgb, var(--be-accent) 26%, transparent), transparent 62%),
		radial-gradient(45% 65% at 0% 100%, color-mix(in srgb, var(--be-accent) 12%, transparent), transparent 60%),
		linear-gradient(color-mix(in srgb, currentColor 5%, transparent) 1px, transparent 1px) 0 0 / 100% 64px;
	-webkit-mask-image: linear-gradient(to bottom, #000 55%, rgba(0, 0, 0, .35));
	mask-image: linear-gradient(to bottom, #000 55%, rgba(0, 0, 0, .35));
}

/* Lichtbundels, zoals spots boven een podium */
.be-hero::after {
	content: "";
	position: absolute;
	top: -12%;
	right: -8%;
	width: min(70vw, 900px);
	height: 135%;
	z-index: -1;
	pointer-events: none;
	background: conic-gradient(
		at 50% 0%,
		transparent 0deg 150deg,
		color-mix(in srgb, var(--be-accent) 30%, transparent) 156deg,
		transparent 164deg 172deg,
		color-mix(in srgb, currentColor 14%, transparent) 177deg,
		transparent 183deg 191deg,
		color-mix(in srgb, var(--be-accent) 22%, transparent) 198deg,
		transparent 206deg 360deg
	);
	filter: blur(10px);
	transform-origin: 50% 0;
	animation: be-sweep 14s ease-in-out infinite alternate;
	-webkit-mask-image: linear-gradient(to bottom, #000 30%, transparent 95%);
	mask-image: linear-gradient(to bottom, #000 30%, transparent 95%);
}

@keyframes be-sweep {
	from { transform: rotate(-7deg); }
	to { transform: rotate(7deg); }
}

@media (prefers-reduced-motion: reduce) {
	.be-hero::after { animation: none; }
}

.be-hero__content > * {
	max-width: 46rem;
}

.be-hero__title {
	margin-top: 0;
	line-height: 1.04;
	letter-spacing: -0.03em;
}

.be-hl,
.be-hero mark {
	background: none;
	color: var(--be-accent);
}

.be-hero__lead {
	opacity: 0.82;
	line-height: 1.6;
	margin-block: 1.25rem 2rem;
}

.be-hero__buttons {
	gap: 0.75rem;
}

.be-hero__buttons .wp-block-button__link {
	font-size: var(--wp--preset--font-size--medium);
	padding: 0.95em 1.6em;
}

.be-hero__buttons .is-style-outline .wp-block-button__link {
	padding: calc(0.95em - 2px) calc(1.6em - 2px);
}

.be-checks {
	list-style: none;
	padding: 0;
	margin: 2rem 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.75rem;
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.85;
}

.be-checks li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.be-checks li::before {
	content: "";
	flex: 0 0 18px;
	height: 18px;
	background: var(--be-accent);
	-webkit-mask: var(--be-icon-check) center / contain no-repeat;
	mask: var(--be-icon-check) center / contain no-repeat;
}

/* ------------------------------------------------------------------ */
/* Voordelen                                                           */
/* ------------------------------------------------------------------ */

.be-usp__cols {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.5rem 2rem !important;
}

@media (max-width: 1000px) {
	.be-usp__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
	.be-usp__cols { grid-template-columns: 1fr; }
}

.be-usp__item {
	position: relative;
	padding-left: 60px;
}

.be-usp__item::before,
.be-usp__item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}

.be-usp__item::before {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--be-dark);
}

.be-usp__item::after {
	top: 11px;
	left: 11px;
	width: 22px;
	height: 22px;
	background: var(--be-accent);
	-webkit-mask: var(--be-icon, var(--be-icon-star)) center / contain no-repeat;
	mask: var(--be-icon, var(--be-icon-star)) center / contain no-repeat;
}

.be-icon-speaker { --be-icon: var(--be-icon-speaker); }
.be-icon-chat { --be-icon: var(--be-icon-chat); }
.be-icon-bolt { --be-icon: var(--be-icon-bolt); }
.be-icon-star { --be-icon: var(--be-icon-star); }
.be-icon-check { --be-icon: var(--be-icon-check); }

.be-usp.be-sec {
	padding-block: var(--wp--preset--spacing--50);
}

.be-usp__item h3 {
	margin: 0 0 0.3rem;
}

.be-usp__item p {
	margin: 0;
	color: var(--be-muted);
}

/* ------------------------------------------------------------------ */
/* Categorie-tegels                                                    */
/* ------------------------------------------------------------------ */

.be-cats {
	list-style: none;
	margin: 0;
	padding: 0;
}

.be-cats--grid {
	--be-gap: clamp(0.75rem, 2vw, 1.25rem);
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - (var(--be-cols, 4) - 1) * var(--be-gap)) / var(--be-cols, 4))), 1fr));
	gap: var(--be-gap);
}

@media (max-width: 720px) {
	.be-cats--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Pagina met categorietegels (bijv. /verhuur/): brede inhoud. */
.be-main:has(.wp-block-post-content > .be-cats),
.wp-block-post-content:has(> .be-cats) {
	--wp--style--global--content-size: var(--wp--style--global--wide-size, 1280px);
}

.wp-block-post-content > .be-cats {
	margin-top: var(--wp--preset--spacing--40);
}

.be-cats__item {
	margin: 0;
}

.be-cat {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	background: var(--be-base);
	border: 1px solid var(--be-border);
	border-radius: var(--be-r-m);
	transition: transform .25s var(--be-ease), box-shadow .25s ease, border-color .25s ease;
}

.be-cat:hover,
.be-cat:focus-visible {
	transform: translateY(-4px);
	border-color: transparent;
	box-shadow: var(--be-shadow-hover);
	color: inherit;
}

.be-cat__media {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--be-base-2);
}

.be-cat__img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 1rem;
	mix-blend-mode: multiply;
	transition: transform .5s var(--be-ease);
}

.be-cat:hover .be-cat__img {
	transform: scale(1.05);
}

.be-cat__placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	background: var(--wp--preset--gradient--stage, var(--be-dark));
	color: var(--be-accent);
	font-size: clamp(2rem, 5vw, 3.25rem);
	font-weight: 700;
	text-transform: uppercase;
}

.be-cat__body {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0.9rem 3.25rem 1rem 1rem;
}

.be-cat__body {
	min-width: 0;
}

.be-cat__name {
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: break-word;
}

.be-subcats {
	margin-bottom: var(--wp--preset--spacing--40);
}

.be-subcats .be-cat__name {
	font-size: var(--wp--preset--font-size--small);
}

.be-cat__count {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--be-muted);
}

.be-cat__arrow {
	position: absolute;
	right: 0.9rem;
	bottom: 1rem;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--be-base-2);
	transition: background-color .2s ease, transform .25s var(--be-ease);
}

.be-cat:hover .be-cat__arrow {
	background: var(--be-accent);
	color: var(--wp--preset--color--on-accent);
	transform: translateX(2px);
}

.be-cats--list .be-cats__item {
	margin: 0.4rem 0;
}

.be-cats--list a {
	text-decoration: none;
}

.be-cats__count {
	opacity: 0.6;
}

/* ------------------------------------------------------------------ */
/* WooCommerce: productkaarten (blokken én klassieke weergave)         */
/* ------------------------------------------------------------------ */

.wc-block-product-template > li,
.wc-block-grid__product,
ul.products li.product {
	display: flex;
	flex-direction: column;
	padding: 0.75rem 0.75rem 1rem;
	background: var(--be-base);
	border: 1px solid var(--be-border);
	border-radius: var(--be-r-m);
	transition: transform .25s var(--be-ease), box-shadow .25s ease, border-color .25s ease;
	text-align: left;
}

.wc-block-product-template > li:hover,
.wc-block-grid__product:hover,
ul.products li.product:hover {
	transform: translateY(-3px);
	border-color: transparent;
	box-shadow: var(--be-shadow-hover);
}

.wc-block-product-template > li > * {
	margin-block: 0;
}

.wc-block-product-template > li > * + * {
	margin-top: 0.5rem;
}

.wc-block-components-product-image {
	border-radius: calc(var(--be-r-m) - 4px);
	overflow: hidden;
	background: #fff;
}

.wc-block-product-template .wc-block-components-product-image img,
.wc-block-grid__product-image img,
ul.products li.product img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #fff;
	transition: transform .5s var(--be-ease);
}

.wc-block-product-template > li:hover .wc-block-components-product-image img {
	transform: scale(1.04);
}

.wc-block-product-template .wp-block-post-title {
	margin-top: 0.75rem !important;
	line-height: 1.35;
	text-align: left;
}

.wc-block-product-template .wp-block-post-title a {
	text-decoration: none;
}

.wc-block-product-template .wc-block-components-product-price,
.wc-block-product-template .wp-block-woocommerce-product-price {
	text-align: left;
	justify-content: flex-start;
}

.wc-block-product-template .wp-block-woocommerce-product-button,
.wc-block-product-template .wc-block-components-product-button {
	margin-top: auto !important;
	padding-top: 0.75rem;
	align-items: stretch;
	justify-content: flex-start;
}

.wc-block-product-template .wc-block-components-product-button__button {
	width: 100%;
	justify-content: center;
	margin: 0;
}

.wc-block-components-product-sale-badge,
.wc-block-components-product-sale-badge--align-right {
	background: var(--be-accent);
	color: var(--wp--preset--color--on-accent);
	border: 0;
	border-radius: 999px;
	font-weight: 700;
	text-transform: none;
	padding: 0.25em 0.75em;
}

.be-price-suffix {
	font-weight: 400;
	font-size: 0.8em;
	color: var(--be-muted);
	white-space: nowrap;
}

.wc-block-components-product-price del {
	color: var(--be-muted);
	font-weight: 400;
}

/* Enkel product */
.woocommerce-product-gallery,
.wc-block-components-product-gallery,
.wp-block-woocommerce-product-image-gallery {
	border-radius: var(--be-r-m);
	overflow: hidden;
}

.single-product .woocommerce-product-gallery__image img {
	background: #fff;
}

.single-product .wp-block-post-title {
	margin-top: 0;
}

.single-product .wp-block-woocommerce-product-price {
	font-size: var(--wp--preset--font-size--x-large);
}

.single-product form.cart .quantity input.qty {
	width: 4.5em;
	text-align: center;
	padding-block: 0.7em;
}

.be-product-question {
	margin-top: 1rem;
	padding: 0.8rem 1rem;
	font-size: var(--wp--preset--font-size--small);
	background: var(--be-base-2);
	border-radius: var(--be-r-s);
}

.be-product-question a {
	font-weight: 500;
	text-decoration-color: var(--be-accent);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.woocommerce-tabs .tabs,
.wc-tabs {
	border-bottom: 1px solid var(--be-border);
}

.woocommerce-breadcrumb,
.wc-block-breadcrumbs,
.wp-block-woocommerce-breadcrumbs {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--be-muted);
}

.woocommerce-breadcrumb a,
.wp-block-woocommerce-breadcrumbs a {
	color: inherit;
}

/* Meldingen */
.wc-block-components-notice-banner,
.woocommerce-message,
.woocommerce-info {
	border-radius: var(--be-r-s);
}

/* ------------------------------------------------------------------ */
/* Evenementen (donker)                                                */
/* ------------------------------------------------------------------ */

.be-event-grid {
	gap: clamp(0.75rem, 2vw, 1.25rem);
}

.be-event-card {
	position: relative;
	padding: clamp(1.25rem, 3vw, 1.75rem);
	padding-right: 3.5rem;
	background: var(--be-dark-2);
	border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
	border-radius: var(--be-r-m);
	transition: border-color .2s ease, transform .25s var(--be-ease), background-color .2s ease;
}

.be-event-card::after {
	content: "↗";
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	color: var(--be-accent);
	font-size: 1.25rem;
	line-height: 1;
	transition: transform .25s var(--be-ease);
}

.be-event-card:hover {
	border-color: color-mix(in srgb, var(--be-accent) 60%, transparent);
	transform: translateY(-3px);
}

.be-event-card:hover::after {
	transform: translate(2px, -2px);
}

.be-event-card h3 {
	margin: 0;
}

.be-event-card h3 a {
	color: inherit;
	text-decoration: none;
}

.be-event-card h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.be-event-card p {
	margin: 0.35rem 0 0;
	opacity: 0.7;
}

/* ------------------------------------------------------------------ */
/* Call-to-action                                                      */
/* ------------------------------------------------------------------ */

.be-cta {
	position: relative;
	overflow: hidden;
	gap: 1.5rem 3rem;
	padding: clamp(1.75rem, 5vw, 3.5rem);
	border-radius: var(--be-r-l);
}

.be-cta::after {
	content: "";
	position: absolute;
	right: -80px;
	top: -80px;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	border: 40px solid color-mix(in srgb, currentColor 7%, transparent);
	pointer-events: none;
}

.be-cta__text {
	max-width: 38rem;
}

.be-cta__text h2 {
	margin: 0 0 0.5rem;
}

.be-cta__text p {
	margin: 0;
	opacity: 0.85;
}

.be-cta__buttons {
	position: relative;
	z-index: 1;
	gap: 0.75rem;
}

/* ------------------------------------------------------------------ */
/* Berichten                                                           */
/* ------------------------------------------------------------------ */

.be-meta,
.be-meta a {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--be-muted);
	gap: 0.75rem;
}

/* Berichtenoverzicht als kaarten, gelijk van hoogte */
.be-post-grid > li {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	padding-bottom: 1.4rem;
	overflow: hidden;
	background: var(--be-base);
	border: 1px solid var(--be-border);
	border-radius: var(--be-r-l);
	transition: box-shadow .25s ease, transform .25s var(--be-ease), border-color .25s;
}

.be-post-grid > li:hover {
	box-shadow: var(--be-shadow-hover);
	transform: translateY(-3px);
	border-color: transparent;
}

.be-post-grid > li > :not(.wp-block-post-featured-image) {
	margin: 0;
	padding-inline: 1.4rem;
}

.be-post-grid > li > .wp-block-post-featured-image {
	margin: 0 0 0.4rem;
	background: var(--be-base-2);
	border-radius: 0;
}

.be-post-grid > li > .wp-block-post-featured-image img,
.be-post-grid > li > .wp-block-post-featured-image .be-img-placeholder {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10 !important;
	object-fit: cover;
	border-radius: 0;
}

.be-post-grid .wp-block-post-title {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.25;
}

.be-post-grid .wp-block-post-title a {
	color: inherit;
	text-decoration: none;
}

.be-post-grid .wp-block-post-title a:hover {
	color: var(--be-accent);
}

.be-post-grid > li > .wp-block-post-excerpt {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	gap: 1rem;
}

.be-post-grid .wp-block-post-excerpt__more-text {
	margin: auto 0 0;
}

.be-post-grid .wp-block-post-excerpt__more-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: none;
	color: inherit;
}

.be-post-grid .wp-block-post-excerpt__more-link::after {
	content: "→";
	transition: transform .2s var(--be-ease);
}

.be-post-grid .wp-block-post-excerpt__more-link:hover {
	color: var(--be-accent);
}

.be-post-grid .wp-block-post-excerpt__more-link:hover::after {
	transform: translateX(3px);
}

.be-main .wp-block-query-title {
	margin-bottom: 0.5rem;
}

.be-main .wp-block-term-description {
	max-width: 46rem;
	margin-bottom: 1.5rem;
	color: var(--be-muted);
}

.be-main .wp-block-query-pagination {
	margin-top: 2.5rem;
}

.be-post-grid .wp-block-post-title {
	margin: 0;
}

.be-post-grid .wp-block-post-excerpt__excerpt {
	margin: 0;
	color: var(--be-muted);
	font-size: var(--wp--preset--font-size--small);
}

.be-post-grid .wp-block-post-featured-image img {
	transition: transform .5s var(--be-ease);
}

.be-post-grid .wp-block-post-featured-image {
	overflow: hidden;
}

.be-post-grid li:hover .wp-block-post-featured-image img {
	transform: scale(1.03);
}

/* ------------------------------------------------------------------ */
/* Footer                                                              */
/* ------------------------------------------------------------------ */

.be-footer {
	padding-top: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--small);
}

.be-footer a {
	color: inherit;
	text-decoration: none;
	opacity: 0.8;
	transition: opacity .15s ease, color .15s ease;
}

.be-footer a:hover {
	opacity: 1;
	color: var(--be-accent);
}

.be-footer .wp-block-site-title {
	margin: 0 0 1rem;
	font-size: var(--wp--preset--font-size--x-large);
}

.be-footer .wp-block-site-title a {
	opacity: 1;
}

.be-footer__intro {
	opacity: 0.7;
	max-width: 26rem;
}

.be-footer__title {
	margin: 0 0 1rem;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: var(--be-accent);
}

.be-footer__links,
.be-footer .be-cats--list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.be-footer__links li,
.be-footer .be-cats--list li {
	margin: 0 0 0.55rem;
}

.be-footer__contact {
	line-height: 1.9;
}

.be-footer .wp-block-button.is-style-outline > .wp-block-button__link {
	opacity: 1;
	font-size: var(--wp--preset--font-size--x-small);
}

.be-footer__cols {
	gap: 2.5rem 3rem;
}

@media (min-width: 600px) and (max-width: 1000px) {
	.be-footer__cols {
		flex-wrap: wrap !important;
	}

	.be-footer__cols > .wp-block-column {
		flex-basis: calc(50% - 1.5rem) !important;
		flex-grow: 0 !important;
	}
}

.be-footer__bottom {
	margin-top: var(--wp--preset--spacing--60);
	padding-top: 1.25rem;
	border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent);
	font-size: var(--wp--preset--font-size--x-small);
	gap: 0.5rem 1.5rem;
}

.be-footer__bottom p {
	margin: 0;
	opacity: 0.6;
}

/* ------------------------------------------------------------------ */
/* Zwevende WhatsApp-knop                                              */
/* ------------------------------------------------------------------ */

.be-wa-float {
	position: fixed;
	right: clamp(0.75rem, 2vw, 1.5rem);
	bottom: clamp(0.75rem, 2vw, 1.5rem);
	z-index: 55;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.7rem 1.1rem 0.7rem 0.8rem;
	border-radius: 999px;
	/* Donkerder WhatsApp-groen: witte tekst blijft goed leesbaar (contrast 5:1) */
	background: #14803f;
	color: #fff;
	font-weight: 500;
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
	transition: transform .2s var(--be-ease), box-shadow .2s ease;
}

.be-wa-float:hover,
.be-wa-float:focus-visible {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 14px 36px rgba(0, 0, 0, .28);
}

@media (max-width: 600px) {
	.be-wa-float {
		padding: 0.8rem;
	}

	.be-wa-float__label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}
}

/* Niet in de weg zitten van de winkelwagen-/afrekenknoppen op mobiel */
.woocommerce-checkout .be-wa-float,
.woocommerce-cart .be-wa-float {
	display: none;
}

/* ------------------------------------------------------------------ */
/* Formulier-plugins in de huisstijl (WPForms, Contact Form 7, Gravity) */
/* ------------------------------------------------------------------ */

/* WPForms "modern" opmaak werkt met CSS-variabelen */
.wpforms-container {
	--wpforms-button-background-color: var(--be-accent);
	--wpforms-button-background-color-alt: var(--be-accent);
	--wpforms-button-text-color: var(--wp--preset--color--on-accent);
	--wpforms-button-text-color-alt: var(--wp--preset--color--on-accent);
	--wpforms-button-border-color: var(--be-accent);
	--wpforms-button-border-radius: var(--be-r-s);
	--wpforms-button-border-size: 0px;
	--wpforms-button-size-font-size: var(--wp--preset--font-size--small);
	--wpforms-field-border-radius: var(--be-r-s);
	--wpforms-field-border-color: var(--be-border);
	--wpforms-field-border-size: 1px;
	--wpforms-field-text-color: var(--wp--preset--color--contrast);
	--wpforms-field-background-color: var(--be-base);
	--wpforms-label-color: var(--wp--preset--color--contrast);
	--wpforms-label-sublabel-color: var(--be-muted);
	--wpforms-page-break-color: var(--be-accent);
}

/* Knoppen (ook de klassieke WPForms-opmaak en andere formulier-plugins) */
.wpforms-container .wpforms-form button[type="submit"],
.wpforms-container .wpforms-form .wpforms-page-button,
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form input[type="submit"],
div.wpforms-container-full .wpforms-form .wpforms-page-button,
.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"],
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"] {
	background-color: var(--be-accent) !important;
	color: var(--wp--preset--color--on-accent) !important;
	border: 0 !important;
	border-radius: var(--be-r-s) !important;
	padding: 0.85em 1.6em !important;
	height: auto !important;
	font-family: inherit !important;
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color .2s ease, transform .2s var(--be-ease);
}

.wpforms-container .wpforms-form button[type="submit"]:hover,
.wpforms-container .wpforms-form button[type="submit"]:focus,
div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover,
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover {
	background-color: var(--wp--preset--color--accent-hover) !important;
	color: var(--wp--preset--color--on-accent) !important;
}

.wpforms-container .wpforms-form button[type="submit"]:active,
div.wpforms-container-full .wpforms-form button[type="submit"]:active {
	transform: translateY(1px);
}

/* Velden */
div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form input[type="tel"],
div.wpforms-container-full .wpforms-form input[type="number"],
div.wpforms-container-full .wpforms-form input[type="url"],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea,
.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpcf7 textarea,
.wpcf7 select {
	border: 1px solid var(--be-border) !important;
	border-radius: var(--be-r-s) !important;
	background-color: var(--be-base) !important;
	font-family: inherit !important;
	box-shadow: none !important;
}

div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form select:focus,
div.wpforms-container-full .wpforms-form textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
	border-color: var(--be-accent) !important;
	outline: 2px solid color-mix(in srgb, var(--be-accent) 35%, transparent) !important;
	outline-offset: 0;
	box-shadow: none !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label,
.wpforms-container .wpforms-field-label {
	font-weight: 700;
	font-family: inherit;
}

/* Zelfde look voor elke losse <button>/submit zonder eigen stijl */
:where(button[type="submit"], input[type="submit"]):not([class*="wc-"]):not([class*="components-"]) {
	background-color: var(--be-accent);
	color: var(--wp--preset--color--on-accent);
	border: 0;
	border-radius: var(--be-r-s);
	padding: 0.85em 1.6em;
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	cursor: pointer;
}

/* ------------------------------------------------------------------ */
/* Direct zoeken                                                       */
/* ------------------------------------------------------------------ */

.be-has-live-search {
	position: relative;
}

.be-live-search {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 80;
	width: min(440px, calc(100vw - 2rem));
	max-height: min(70vh, 560px);
	overflow-y: auto;
	padding: 0.4rem;
	background: var(--be-base);
	color: var(--wp--preset--color--contrast);
	border: 1px solid var(--be-border);
	border-radius: var(--be-r-m);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
	text-align: left;
	font-size: var(--wp--preset--font-size--small);
}

.be-live-search[hidden] {
	display: none;
}

:not(.be-header) .be-live-search {
	left: 0;
	right: auto;
}

.be-header .be-live-search {
	left: auto;
	right: 0;
}

.be-ls__group {
	padding: 0.6rem 0.6rem 0.3rem;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--be-muted);
}

.be-live-search a.be-ls__item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem 0.6rem;
	border-radius: var(--be-r-s);
	color: inherit;
	text-decoration: none;
	opacity: 1;
}

.be-live-search a.be-ls__item:hover,
.be-live-search a.be-ls__item.is-active {
	background: var(--be-base-2);
	color: inherit;
}

.be-ls__img {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	object-fit: contain;
	background: #fff;
	border: 1px solid var(--be-border);
	border-radius: 6px;
}

.be-ls__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1 1 auto;
}

.be-ls__name {
	font-weight: 500;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.be-ls__meta {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--be-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.be-ls__item--cat .be-ls__name {
	flex: 1 1 auto;
}

.be-ls__cat-icon {
	flex: 0 0 28px;
	height: 28px;
	border-radius: 8px;
	background: var(--be-dark);
	position: relative;
}

.be-ls__cat-icon::after {
	content: "";
	position: absolute;
	inset: 7px;
	background: var(--be-accent);
	-webkit-mask: var(--be-icon-bolt) center / contain no-repeat;
	mask: var(--be-icon-bolt) center / contain no-repeat;
}

.be-ls__price {
	flex: 0 0 auto;
	font-weight: 700;
	white-space: nowrap;
	text-align: right;
}

.be-ls__price .be-price-suffix {
	display: block;
	font-size: 0.75em;
}

.be-ls__price del {
	display: none;
}

.be-ls__oos {
	font-weight: 400;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--be-muted);
}

.be-live-search a.be-ls__all {
	justify-content: center;
	margin-top: 0.25rem;
	border-top: 1px solid var(--be-border);
	border-radius: 0 0 var(--be-r-s) var(--be-r-s);
	font-weight: 500;
}

.be-ls__empty {
	padding: 1rem 0.75rem;
	color: var(--be-muted);
}

.be-has-live-search.is-searching .wp-block-search__button {
	opacity: 0.6;
}

@media (max-width: 600px) {
	.be-header .be-live-search {
		position: fixed;
		top: auto;
		left: 1rem !important;
		right: 1rem;
		width: auto;
		margin-top: 8px;
	}
}

/* ------------------------------------------------------------------ */
/* Bestelformulier + knoppen van andere plugins (YITH offerte/vergelijk) */
/* ------------------------------------------------------------------ */

.wc-block-add-to-cart-form form.cart,
.single-product form.cart {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.75rem;
}

.wc-block-add-to-cart-form form.cart .quantity,
.single-product form.cart .quantity {
	display: flex;
	margin: 0 !important;
}

.wc-block-add-to-cart-form form.cart .quantity input.qty,
.single-product form.cart .quantity input.qty {
	width: 5em;
	height: 100%;
	min-height: 48px;
	text-align: center;
	border: 1px solid var(--be-border);
	border-radius: var(--be-r-s);
	font-size: var(--wp--preset--font-size--medium);
}

.single-product form.cart .single_add_to_cart_button {
	min-height: 48px;
	font-size: var(--wp--preset--font-size--medium);
	padding-inline: 1.8em;
}

form.cart .yith-ywraq-add-to-quote {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin: 0;
}

form.cart > .clear {
	display: none;
}

/* Knoppen van plugins die geen WordPress-knopstijl gebruiken */
a.add-request-quote-button,
.yith-ywraq-add-button a.button,
.yith_ywraq_add_item_browse_message a,
.yith_ywraq_add_item_response_message + a,
a.button:not(.wp-element-button):not([class*="wc-block"]):not(.compare),
button.button:not(.wp-element-button):not([class*="wc-block"]),
input.button[type="submit"]:not(.wp-element-button) {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	background: var(--be-accent) !important;
	color: var(--wp--preset--color--on-accent) !important;
	border: 0 !important;
	border-radius: var(--be-r-s) !important;
	padding: 0.85em 1.8em !important;
	font-family: inherit !important;
	font-size: var(--wp--preset--font-size--medium) !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background-color .2s ease;
}

a.add-request-quote-button:hover,
.yith-ywraq-add-button a.button:hover,
.yith_ywraq_add_item_browse_message a:hover,
a.button:not(.wp-element-button):not([class*="wc-block"]):not(.compare):hover,
button.button:not(.wp-element-button):not([class*="wc-block"]):hover {
	background: var(--wp--preset--color--accent-hover) !important;
	color: var(--wp--preset--color--on-accent) !important;
}

.yith_ywraq_add_item_browse_message,
.yith_ywraq_add_item_response_message {
	font-size: var(--wp--preset--font-size--small);
}

/* "Vergelijk product" als rustige secundaire knop */
.compare.button,
a.compare {
	display: inline-flex !important;
	align-items: center;
	background: transparent !important;
	color: inherit !important;
	border: 1px solid var(--be-border) !important;
	border-radius: var(--be-r-s) !important;
	padding: 0.6em 1.1em !important;
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.compare.button:hover,
a.compare:hover {
	border-color: currentColor !important;
	background: transparent !important;
}

/* Menu iets compacter op kleinere laptops */
@media (min-width: 1101px) and (max-width: 1320px) {
	.be-menu__list a {
		padding-inline: 0.55rem;
	}

	.be-menu__list > li > a {
		letter-spacing: 0.02em;
	}
}

/* Menu als eenvoudige lijst (footerkolom) */
.be-menu--list {
	display: block;
	flex: none;
}

.be-menu--list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Footer: naam/logo, intro en knop uit de instellingen */
.be-footer .be-footer__brand {
	margin: 0 0 1rem;
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	line-height: 1.2;
}

.be-footer .be-footer__brand a {
	opacity: 1;
}

.be-footer__brand--logo img {
	display: block;
	max-height: 56px;
	width: auto;
	height: auto;
}

.be-footer .wp-block-buttons {
	margin-top: 1.25rem;
}

/* ------------------------------------------------------------------ */
/* Homepagina-secties uit de instellingen (bakker-events/section)      */
/* ------------------------------------------------------------------ */

.be-sec {
	margin-block: 0;
}

.be-sec__inner {
	box-sizing: border-box;
	max-width: calc(var(--wp--style--global--wide-size, 1280px) + var(--wp--style--root--padding-left, 1rem) + var(--wp--style--root--padding-right, 1rem));
	margin-inline: auto;
	padding-inline: var(--wp--style--root--padding-left, 1rem) var(--wp--style--root--padding-right, 1rem);
}

.be-hero.be-sec {
	padding-block: var(--wp--preset--spacing--80);
}

/* Homepagina: hoogte instelbaar (op kleine schermen naar verhouding kleiner) */
.be-hero.be-sec[style*="--be-hero-pad"] {
	padding-block: clamp(3rem, 10vw, var(--be-hero-pad));
}

.be-hero.has-hero-image {
	background-size: cover;
	background-position: center;
}

.be-hero.has-hero-image::before {
	opacity: 0.5;
}

/* Rouleren van achtergrondfoto's */
.be-hero__slides {
	position: absolute;
	inset: 0;
	z-index: -2;
	pointer-events: none;
}

.be-hero__slides::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(11, 12, 16, .92) 0%, rgba(11, 12, 16, .7) 55%, rgba(11, 12, 16, .45) 100%);
}

.be-hero__slide {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: opacity var(--be-fade, 1.2s) ease-in-out;
}

.be-hero__slide.is-active {
	opacity: 1;
}

.be-hero__content > * {
	margin-block: 0;
}

.be-hero__content .be-eyebrow {
	margin-bottom: 0.9rem;
}

.be-hero__content .be-hero__title {
	margin-bottom: 1.25rem;
}

.be-hero__content .be-hero__lead {
	margin-bottom: 2rem;
}

.be-hero__content .be-checks {
	margin-top: 2rem;
}

.be-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.be-buttons .wp-block-button__link {
	display: inline-block;
}

.be-events.be-sec {
	padding-block: var(--wp--preset--spacing--70);
}

.be-cta-wrap.be-sec {
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70);
}

.be-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.be-cta__buttons .is-style-outline > .wp-block-button__link {
	color: inherit;
}

/* Evenemententegels met foto */
.be-ecards {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.75rem, 2vw, 1.25rem);
}

@media (max-width: 960px) {
	.be-ecards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
	.be-ecards { grid-template-columns: 1fr; }
}

.be-ecard {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	background: var(--be-dark-2);
	border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
	border-radius: var(--be-r-m);
	transition: border-color .2s ease, transform .25s var(--be-ease);
}

.be-ecard:hover,
.be-ecard:focus-visible {
	color: inherit;
	transform: translateY(-3px);
	border-color: color-mix(in srgb, var(--be-accent) 60%, transparent);
}

.be-ecard__media {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--wp--preset--gradient--stage, var(--be-dark));
}

.be-ecard:not(.has-image) .be-ecard__media {
	display: none;
}

.be-ecard__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s var(--be-ease);
}

.be-ecard:hover .be-ecard__img {
	transform: scale(1.05);
}

.be-ecard__body {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	padding: 1.1rem 3.25rem 1.25rem 1.25rem;
}

.be-ecard__title {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.25;
}

.be-ecard__desc {
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.7;
}

.be-ecard__arrow {
	position: absolute;
	right: 1.1rem;
	bottom: 1.2rem;
	color: var(--be-accent);
	font-size: 1.25rem;
	line-height: 1;
	transition: transform .25s var(--be-ease);
}

.be-ecard:hover .be-ecard__arrow {
	transform: translate(2px, -2px);
}

.be-ecard.has-image .be-ecard__arrow {
	top: auto;
}

/* ------------------------------------------------------------------ */
/* Winkel-overzicht: menu links, compacte producten                    */
/* ------------------------------------------------------------------ */

.be-shop .wp-block-woocommerce-breadcrumbs,
.be-shop .woocommerce-breadcrumb {
	margin-bottom: 1rem;
}

.be-shop__layout {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 2.5rem;
	align-items: start;
}

.be-shop__layout:not(:has(> .be-shop-sidebar)) {
	grid-template-columns: minmax(0, 1fr);
}

.be-shop__layout > * {
	margin-block: 0 !important;
}

.be-shop__main > .wp-block-query-title {
	margin-top: 0;
	font-size: var(--wp--preset--font-size--x-large);
}

.be-shop__main .wp-block-term-description {
	color: var(--be-muted);
	font-size: var(--wp--preset--font-size--small);
	max-width: 60rem;
}

.be-shop__bar {
	margin-block: 1rem !important;
	font-size: var(--wp--preset--font-size--small);
	color: var(--be-muted);
	align-items: center;
}

.be-shop__bar .woocommerce-ordering select,
.be-shop__bar select {
	padding: 0.45em 0.75em;
	border: 1px solid var(--be-border);
	border-radius: var(--be-r-s);
	font: inherit;
	background: var(--be-base);
}

.be-shop-sidebar {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + 150px);
	max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 170px);
	overflow-y: auto;
	padding: 1rem 0.75rem;
	border: 1px solid var(--be-border);
	border-radius: 12px;
	background: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
}

.be-shop-nav__title {
	list-style: none;
	margin: 0 0 0.75rem;
	padding: 0 0.6rem 0.75rem;
	border-bottom: 2px solid var(--be-accent);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
	cursor: default;
}

.be-shop-nav__title::-webkit-details-marker {
	display: none;
}

.be-tree,
.be-tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.be-tree ul {
	display: none;
	margin: 0.15rem 0 0.35rem 0.75rem;
	padding-left: 0.6rem;
	border-left: 1px solid var(--be-border);
}

.be-tree li {
	position: relative;
}

.be-tree li.is-open > ul,
.be-tree .current-menu-item > ul,
.be-tree .current-menu-ancestor > ul,
.be-tree .current-menu-parent > ul,
.be-tree .current-cat > ul,
.be-tree .current-cat-parent > ul,
.be-tree .current-cat-ancestor > ul {
	display: block;
}

.be-tree li.is-closed > ul {
	display: none;
}

.be-tree a {
	display: block;
	padding: 0.38rem 2rem 0.38rem 0.6rem;
	border-radius: 6px;
	color: inherit;
	text-decoration: none;
	line-height: 1.35;
}

.be-tree > li > a {
	font-weight: 500;
}

.be-tree a:hover {
	background: var(--be-base-2);
}

.be-tree .current-menu-item > a,
.be-tree .current-cat > a {
	background: var(--be-dark);
	color: var(--be-accent);
	box-shadow: inset 3px 0 0 var(--be-accent);
}

.be-tree .current-menu-ancestor > a,
.be-tree .current-menu-parent > a,
.be-tree .current-cat-parent > a,
.be-tree .current-cat-ancestor > a {
	font-weight: 700;
}

.be-tree__toggle {
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	width: 1.6rem;
	height: 1.6rem;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.be-tree__toggle::before {
	content: "";
	display: block;
	width: 0.45rem;
	height: 0.45rem;
	margin: auto;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	opacity: 0.6;
	transition: transform .2s ease;
}

.be-tree li.is-open > .be-tree__toggle::before {
	transform: translateY(1px) rotate(-135deg);
}

.be-tree .current-menu-item > .be-tree__toggle,
.be-tree .current-cat > .be-tree__toggle {
	color: var(--be-on-dark);
}

.be-tree__toggle:hover {
	background: color-mix(in srgb, currentColor 10%, transparent);
}

@media (max-width: 900px) {
	.be-shop__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}

	.be-shop-sidebar {
		position: static;
		max-height: none;
		border: 1px solid var(--be-border);
		border-radius: var(--be-r-m);
		padding: 0.75rem 1rem;
	}

	.be-shop-nav__title {
		margin: 0;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.be-shop-nav__title::after {
		content: "";
		width: 0.5rem;
		height: 0.5rem;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
	}

	.be-shop-nav[open] .be-shop-nav__title {
		margin-bottom: 0.75rem;
	}
}

/* Compacte productkaarten in het overzicht */
.be-archive-products .wc-block-product-template {
	gap: 1rem;
}

.be-archive-products .wc-block-product-template > li {
	padding: 0.6rem 0.6rem 0.8rem;
	border-radius: var(--be-r-s);
}

.be-archive-products .wc-block-components-product-image {
	border-radius: 6px;
}

.be-archive-products .wp-block-post-title {
	margin-top: 0.6rem !important;
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 500;
	line-height: 1.35;
}

.be-archive-products .wc-block-components-product-price,
.be-archive-products .wp-block-woocommerce-product-price {
	font-size: var(--wp--preset--font-size--small);
	margin-top: 0.25rem !important;
}

.be-archive-products .be-price-suffix {
	display: block;
	font-size: 0.8em;
}

.be-archive-products .wp-block-query-pagination {
	margin-top: 2rem;
}

@media (max-width: 600px) {
	.be-archive-products .wc-block-product-template {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* Uitklapmenu's mogen nooit een horizontale scrollbalk veroorzaken */
.wp-site-blocks {
	overflow-x: clip;
}

.be-menu__list > li:nth-last-child(-n+3) .sub-menu .sub-menu {
	left: auto;
	right: 100%;
}

/* ------------------------------------------------------------------ */
/* Diensten-pagina                                                     */
/* ------------------------------------------------------------------ */

.be-dn-cards.be-sec,
.be-dn-steps.be-sec,
.be-dn-faq.be-sec {
	padding-block: var(--wp--preset--spacing--70);
}

.be-dn-steps.be-sec {
	background: var(--be-base-2);
}

.be-dn-stats.be-sec {
	padding-block: var(--wp--preset--spacing--60);
}

.be-feature-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.75rem, 2vw, 1.25rem);
	list-style: none;
	margin: var(--wp--preset--spacing--50) 0 0;
	padding: 0;
}

.be-feature {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	height: 100%;
	box-sizing: border-box;
	padding: 1.5rem 1.5rem 1.35rem;
	border: 1px solid var(--be-border);
	border-radius: var(--be-r-m, 14px);
	background: var(--wp--preset--color--base);
	color: inherit;
	text-decoration: none;
	transition: border-color .2s ease, transform .25s var(--be-ease, ease), box-shadow .25s ease;
}

a.be-feature:hover {
	border-color: var(--be-accent);
	transform: translateY(-3px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .08);
}

.be-feature__num {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.12em;
	color: var(--be-accent);
}

.be-feature__title {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.25;
}

.be-feature__text {
	color: var(--be-muted);
	line-height: 1.6;
}

.be-feature__more {
	margin-top: auto;
	padding-top: 0.5rem;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

a.be-feature:hover .be-feature__more {
	color: var(--be-accent);
}

.be-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
	gap: 1.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.be-stats li {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.be-stats__value {
	font-size: clamp(1.75rem, 3.5vw, 2.6rem);
	font-weight: 700;
	line-height: 1.1;
	color: var(--be-accent);
}

.be-stats__label {
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.75;
}

.be-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
	gap: 1.25rem;
	margin: var(--wp--preset--spacing--50) 0 0;
	padding: 0;
	list-style: none;
	counter-reset: be-step;
}

.be-steps li {
	counter-increment: be-step;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding: 1.25rem;
	border-radius: var(--be-r-m, 14px);
	background: var(--wp--preset--color--base);
	border: 1px solid var(--be-border);
}

.be-steps li::before {
	content: counter(be-step);
	display: grid;
	place-items: center;
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: 0.4rem;
	border-radius: 50%;
	background: var(--be-dark);
	color: var(--be-accent);
	font-weight: 700;
}

.be-steps__title {
	font-weight: 700;
}

.be-steps__text {
	font-size: var(--wp--preset--font-size--small);
	color: var(--be-muted);
	line-height: 1.6;
}

.be-dn-posts {
	padding-block: var(--wp--preset--spacing--60) 0;
}

.be-dn-posts:not(:has(.wp-block-post)) {
	display: none;
}

@media (max-width: 1000px) {
	.be-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	.be-feature-grid { grid-template-columns: 1fr; }
}

.be-faq-wrap {
	max-width: calc(860px + var(--wp--style--root--padding-left, 1rem) + var(--wp--style--root--padding-right, 1rem));
}

.be-faq {
	margin-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--be-border);
}

.be-faq__item {
	border-bottom: 1px solid var(--be-border);
}

.be-faq__item summary {
	position: relative;
	padding: 1.1rem 2.5rem 1.1rem 0;
	font-weight: 700;
	list-style: none;
	cursor: pointer;
}

.be-faq__item summary::-webkit-details-marker {
	display: none;
}

.be-faq__item summary::after {
	content: "+";
	position: absolute;
	right: 0.25rem;
	top: 50%;
	transform: translateY(-50%);
	display: grid;
	place-items: center;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	background: var(--be-base-2);
	font-weight: 500;
	transition: background-color .2s ease, transform .2s ease;
}

.be-faq__item[open] summary::after {
	content: "–";
	background: var(--be-accent);
	color: var(--wp--preset--color--on-accent);
}

.be-faq__item summary:hover {
	color: var(--be-accent);
}

.be-faq__item p {
	margin: 0 0 1.2rem;
	color: var(--be-muted);
	line-height: 1.7;
}

/* Placeholder voor berichten zonder afbeelding */
.be-img-placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	border-radius: inherit;
	background: radial-gradient(120% 90% at 80% 0%, color-mix(in srgb, var(--be-accent) 35%, transparent), transparent 60%), var(--be-dark);
	color: var(--be-accent);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--small);
}

/* Openingsblok zonder foto/lichteffect (bijv. Diensten) */
.be-hero--plain::before,
.be-hero--plain::after {
	display: none;
}

.be-hero--plain.be-sec {
	padding-block: var(--wp--preset--spacing--70);
}

/* Diensten zonder openingsblok: ruimte boven de tegels */
.be-dn > .be-dn-cards:first-child {
	padding-top: var(--wp--preset--spacing--60);
}

/* Inhoud van een set (korte omschrijving) */
.be-contents {
	list-style: none;
	margin: 0 0 1.25rem;
	padding: 0;
	display: grid;
	gap: 0.35rem;
}

.be-contents li {
	display: flex;
	align-items: baseline;
	gap: 0.6rem;
	line-height: 1.45;
}

.be-contents__qty {
	flex: 0 0 auto;
	min-width: 2.6em;
	padding: 0.1em 0.45em;
	border-radius: 6px;
	background: var(--be-dark);
	color: var(--be-accent);
	font-size: 0.85em;
	font-weight: 700;
	text-align: center;
}

/* ------------------------------------------------------------------ */
/* Homepagina: tekst over de verhuur (1.5.0)                           */
/* ------------------------------------------------------------------ */
.be-home-about {
	padding-block: var(--wp--preset--spacing--60, 4rem);
}

.be-home-about__inner {
	max-width: calc(860px + var(--wp--style--root--padding-left, 1rem) + var(--wp--style--root--padding-right, 1rem));
}

.be-home-about__text p {
	margin-block: 0 1em;
	line-height: 1.7;
	color: var(--be-muted, inherit);
}

.be-home-about__text p:last-child {
	margin-bottom: 0;
}

/* Werkgebied in de footer (1.5.0) */
.be-footer-regions {
	display: inline-block;
	margin-top: .5em;
	opacity: .85;
}

/* Regiopagina's (1.5.0) */
.be-region-page .wp-block-heading {
	margin-top: var(--wp--preset--spacing--50, 2.5rem);
}

/* Social media in de footer (1.5.0) */
.be-social {
	display: inline-flex;
	gap: .6rem;
	margin-top: .6em;
}

.be-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid currentColor;
	color: inherit;
	opacity: .85;
	transition: opacity .15s ease, transform .15s ease;
}

.be-social__link:hover,
.be-social__link:focus-visible {
	opacity: 1;
	transform: translateY(-1px);
}

/* ------------------------------------------------------------------ */
/* Snelheid & toegankelijkheid (1.5.3)                                 */
/* ------------------------------------------------------------------ */

/* Openingsfoto als echte afbeelding (sneller gevonden en juiste maat) */
.be-hero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

/* Alleen voor schermlezers (bijv. een kop die de volgorde netjes houdt) */
.be-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Links midden in een zin herken je ook zonder kleur: onderstreept */
.be-footer-regions a,
.be-footer__extra a,
.be-footer__bottom p a,
.be-home-about__text a,
.be-cta__text a,
.be-hero__lead a {
	text-decoration: underline;
	text-underline-offset: 0.18em;
	text-decoration-thickness: 1px;
}

/* Openingsblok zonder negatieve z-index (1.5.4): dezelfde opbouw, maar zo
   kunnen toegankelijkheidscontroles de donkere achtergrond achter de tekst
   vinden (anders wordt de accentkleur in de titel als "te weinig contrast"
   gemeld). Volgorde: foto's → lichteffecten → tekst. */
.be-hero__slides {
	z-index: 0;
}

.be-hero::before,
.be-hero::after {
	z-index: 1;
}

.be-hero__content {
	position: relative;
	z-index: 2;
}

/* Accentwoorden (*woord*) in titels (1.5.5): op een lichte achtergrond is
   het felle geel onleesbaar (contrast 1,9:1). Daar een donkerder goudtint
   (4,9:1); op donkere vlakken blijft het felle accent. */
.be-hl {
	color: color-mix(in srgb, var(--be-accent) 55%, var(--wp--preset--color--contrast));
}

:where(.has-dark-background-color, .has-dark-2-background-color, .be-hero, .be-header, .be-footer) .be-hl {
	color: var(--be-accent);
}

/* Op het gele adviesblok: gewoon de tekstkleur */
.be-cta .be-hl {
	color: inherit;
}