:root {
	--wmb-yellow: #fcbe00;
	--wmb-blue: #3d35ff;
	--wmb-pink: #ff3d7f;
	--wmb-black: #111018;
	--wmb-off-white: #faf9f5;
	--wmb-border: #ddd9d0;
}

.wmb-header {
	position: relative;
	z-index: 50;
	margin: 0;
	background: var(--wmb-black);
	font-family: "Poppins", "Mona Sans", sans-serif;
}

.wmb-header a {
	text-decoration: none;
}

.wmb-utility {
	min-height: 60px;
	margin: 0;
	padding: 0 64px;
	background: var(--wmb-off-white);
	color: var(--wmb-black);
	border-bottom: 1px solid var(--wmb-black);
}

.wmb-utility__inner {
	width: 100%;
	max-width: none !important;
	min-height: 60px;
	gap: 24px;
}

.wmb-trust {
	gap: 0;
	min-width: 0;
}

.wmb-trust__item {
	margin: 0;
	padding: 0 30px 0 0;
	font-size: clamp(15px, 1.05vw, 20px);
	font-weight: 650;
	line-height: 1.2;
	white-space: nowrap;
}

.wmb-trust__item + .wmb-trust__item {
	border-left: 2px solid var(--wmb-black);
	padding-left: 32px;
}

.wmb-trust__item::before {
	display: inline-block;
	margin-right: 10px;
	font-family: dashicons;
	font-size: 1.15em;
	font-weight: 400;
	line-height: 1;
	vertical-align: -0.1em;
	content: "\f147";
}

.wmb-trust__item a {
	color: var(--wmb-black) !important;
}

.wmb-quote {
	margin: 0;
	white-space: nowrap;
}

.wmb-quote a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 26px;
	background: var(--wmb-yellow);
	color: var(--wmb-black) !important;
	border: 2px solid var(--wmb-black);
	border-radius: 999px;
	box-shadow: 3px 3px 0 var(--wmb-black);
	font-size: clamp(14px, 0.95vw, 18px);
	font-weight: 750;
	line-height: 1;
	transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.wmb-quote a::after {
	font-family: dashicons;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1;
	content: "\f344";
}

.wmb-quote a:hover,
.wmb-quote a:focus-visible {
	background: #ffd13d;
	box-shadow: 1px 1px 0 var(--wmb-blue);
	transform: translate(2px, 2px);
}

.wmb-main {
	margin: 0;
	padding: 20px 64px;
	background: var(--wmb-black);
	color: var(--wmb-off-white);
	border-bottom: 4px solid var(--wmb-blue);
}

.wmb-main__inner {
	width: 100%;
	max-width: none !important;
	min-height: 83px;
	gap: clamp(28px, 3vw, 58px);
}

.wmb-logo {
	flex: 0 0 auto;
	margin: 0;
}

.wmb-logo img {
	display: block;
	width: clamp(260px, 20vw, 380px) !important;
	height: auto;
}

.wmb-primary-nav {
	flex: 1 1 auto;
	justify-content: center;
}

.wmb-primary-nav .wp-block-navigation__container {
	row-gap: 8px;
}

.wmb-primary-nav .wp-block-navigation-item__content {
	position: relative;
	padding: 12px 22px 10px 0;
	color: var(--wmb-off-white) !important;
	font-size: clamp(15px, 1.05vw, 20px);
	font-weight: 650;
	line-height: 1.1;
	white-space: nowrap;
	transition: color 150ms ease;
}

.wmb-primary-nav .wp-block-navigation-item__content::before {
	position: absolute;
	top: 50%;
	right: 0;
	font-family: dashicons;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	content: "\f347";
	transform: translateY(-50%);
}

.wmb-primary-nav .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 100%;
	bottom: 3px;
	height: 3px;
	background: var(--wmb-blue);
	transition: right 160ms ease;
}

.wmb-primary-nav .current-menu-item > .wp-block-navigation-item__content,
.wmb-primary-nav .wp-block-navigation-item__content:hover,
.wmb-primary-nav .wp-block-navigation-item__content:focus-visible {
	color: var(--wmb-yellow) !important;
}

.wmb-primary-nav .current-menu-item > .wp-block-navigation-item__content::after,
.wmb-primary-nav .wp-block-navigation-item__content:hover::after,
.wmb-primary-nav .wp-block-navigation-item__content:focus-visible::after {
	right: 0;
}

.wmb-actions {
	flex: 0 0 auto;
	gap: 0;
	padding-left: 22px;
	border-left: 1px solid #4b485d;
}

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

.wmb-actions > * + * {
	margin-left: 10px !important;
	padding-left: 10px;
	border-left: 1px solid #4b485d;
}

.wmb-product-search .wp-block-search__inside-wrapper {
	padding: 0;
	border: 0;
	background: transparent;
}

.wmb-product-search .wp-block-search__button {
	margin: 0;
	padding: 13px;
	background: transparent !important;
	color: var(--wmb-off-white) !important;
	border: 0;
	border-radius: 50%;
}

.wmb-product-search .wp-block-search__button:hover,
.wmb-product-search .wp-block-search__button:focus-visible {
	background: #29263a !important;
	color: var(--wmb-yellow) !important;
}

.wmb-product-search .wp-block-search__button svg {
	width: 31px;
	height: 31px;
}

.wmb-header .wc-block-customer-account,
.wmb-header .wc-block-mini-cart {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 54px;
	min-height: 54px;
}

.wmb-header .wc-block-customer-account__account-icon,
.wmb-header .wc-block-mini-cart__icon {
	width: 31px !important;
	height: 31px !important;
}

.wmb-header .wc-block-customer-account__account-icon,
.wmb-header .wc-block-mini-cart__icon {
	color: var(--wmb-off-white) !important;
	fill: currentColor;
}

.wmb-header .wc-block-customer-account a,
.wmb-header .wc-block-mini-cart__button {
	color: var(--wmb-off-white) !important;
}

.wmb-header .wc-block-customer-account a:hover,
.wmb-header .wc-block-customer-account a:focus-visible,
.wmb-header .wc-block-mini-cart__button:hover,
.wmb-header .wc-block-mini-cart__button:focus-visible {
	color: var(--wmb-yellow) !important;
}

.wmb-header .wc-block-mini-cart__badge {
	background: var(--wmb-pink) !important;
	color: #fff !important;
	border-color: var(--wmb-black) !important;
}

.wmb-header :focus-visible {
	outline: 3px solid var(--wmb-yellow);
	outline-offset: 3px;
}

/* Keep the homepage first fold aligned with the selected direction. */
body.home .wp-block-post-title {
	display: none;
}

body.home main#wp--skip-link--target {
	padding-block: 0 !important;
}

body.home main#wp--skip-link--target > .wp-block-group:first-child {
	display: none;
}

body.home .wp-block-post-content {
	margin-block-start: 0 !important;
}

body.home .wp-block-post-content > .wp-block-cover:first-child {
	min-height: calc(100vh - 190px) !important;
}

body.home .wp-block-post-content > .wp-block-cover:first-child .wp-block-cover__inner-container {
	transform: translateY(54px);
}

body.home .wp-block-post-content > .wp-block-cover:first-child h1.wp-block-heading {
	font-size: 42px !important;
	line-height: 1.08;
}

body.home .wp-block-post-content > .wp-block-cover:first-child h2.wp-block-heading {
	margin-block-start: 80px !important;
	font-size: 26px !important;
	font-weight: 650 !important;
	line-height: 1.2;
}

body.home .wp-block-post-content > .wp-block-cover:first-child .wp-block-buttons {
	margin-block-start: 80px !important;
}

body.home .wp-block-post-content > .wp-block-cover:first-child .hero-button .wp-block-button__link {
	padding: 16px 36px;
	border: 2px solid var(--wmb-black);
	border-radius: 999px;
	box-shadow: 3px 3px 0 var(--wmb-black);
	font-size: clamp(18px, 1.25vw, 24px) !important;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

body.home .wp-block-post-content > .wp-block-cover:first-child p {
	font-size: clamp(17px, 1.15vw, 22px) !important;
	line-height: 1.45;
}

@media (max-width: 1380px) {
	.wmb-main {
		padding-inline: 32px;
	}

	.wmb-main__inner {
		gap: 22px;
	}

	.wmb-primary-nav .wp-block-navigation__container {
		gap: 14px !important;
	}

	.wmb-primary-nav .wp-block-navigation-item__content {
		font-size: 14px;
	}

	.wmb-logo img {
		width: 250px !important;
	}

	.wmb-actions {
		padding-left: 14px;
	}
}

@media (max-width: 900px) {
	.wmb-utility {
		padding-inline: 18px;
	}

	.wmb-trust__item {
		font-size: 12px;
	}

	.wmb-main {
		padding: 14px 18px;
	}

	.wmb-main__inner {
		min-height: 64px;
	}

	.wmb-logo img {
		width: min(48vw, 220px) !important;
	}

	.wmb-primary-nav {
		order: 3;
		flex: 0 0 auto;
	}

	.wmb-primary-nav .wp-block-navigation__responsive-container-open {
		display: flex;
		padding: 10px;
		color: var(--wmb-off-white);
	}

	.wmb-primary-nav .wp-block-navigation__responsive-container {
		background: var(--wmb-black) !important;
		color: var(--wmb-off-white) !important;
	}

	.wmb-primary-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	.wmb-primary-nav .wp-block-navigation__responsive-container.is-menu-open {
		display: flex !important;
		position: fixed;
		inset: 0;
		z-index: 100000;
		overflow: auto;
		padding: 28px 22px;
		border-left: 5px solid var(--wmb-blue);
	}

	.wmb-primary-nav .wp-block-navigation__responsive-container-close {
		color: var(--wmb-off-white);
	}

	.wmb-primary-nav .wp-block-navigation__responsive-container-content {
		padding-top: 60px;
	}

	.wmb-primary-nav .wp-block-navigation__container {
		align-items: flex-start;
		gap: 8px !important;
	}

	.wmb-primary-nav .wp-block-navigation-item__content {
		font-size: clamp(22px, 6vw, 34px);
		font-weight: 750;
	}

	.wmb-actions {
		margin-left: auto;
		padding-left: 10px;
	}

	body.home .wp-block-post-content > .wp-block-cover:first-child {
		min-height: calc(100svh - 157px) !important;
	}

	body.home .wp-block-post-content > .wp-block-cover:first-child .wp-block-cover__inner-container {
		transform: translateY(20px);
	}

	body.home .wp-block-post-content > .wp-block-cover:first-child h2.wp-block-heading,
	body.home .wp-block-post-content > .wp-block-cover:first-child .wp-block-buttons {
		margin-block-start: 50px !important;
	}
}

@media (max-width: 620px) {
	.wmb-utility,
	.wmb-utility__inner {
		min-height: 42px;
	}

	.wmb-trust__item {
		display: none;
	}

	.wmb-trust__shipping {
		display: block;
		padding-right: 0;
		font-size: 10px;
	}

	.wmb-trust__shipping a {
		font-size: 0;
	}

	.wmb-trust__shipping a::after {
		content: "Gratis verzending*";
		font-size: 10px;
	}

	.wmb-trust__item + .wmb-trust__item {
		padding-left: 12px;
		border-left: 0;
	}

	.wmb-trust__item::before {
		margin-right: 5px;
		color: var(--wmb-yellow);
	}

	.wmb-quote a {
		padding: 7px 10px;
		box-shadow: 2px 2px 0 var(--wmb-blue);
		font-size: 10px;
	}

	.wmb-main {
		padding: 12px 14px;
	}

	.wmb-main__inner {
		gap: 4px;
	}

	.wmb-logo img {
		width: min(45vw, 176px) !important;
	}

	.wmb-actions {
		gap: 0;
		padding-left: 4px;
		border-left: 0;
	}

	.wmb-product-search,
	.wmb-header .wc-block-customer-account,
	.wmb-header .wp-block-woocommerce-customer-account {
		display: none !important;
	}

	.wmb-header .wc-block-mini-cart {
		min-width: 40px;
		min-height: 40px;
	}

	.wmb-primary-nav .wp-block-navigation__responsive-container-open {
		padding: 7px;
	}

	body.home .wp-block-post-content > .wp-block-cover:first-child {
		min-height: calc(100svh - 135px) !important;
		padding-inline: 18px;
	}

	body.home .wp-block-post-content > .wp-block-cover:first-child h1.wp-block-heading {
		font-size: clamp(34px, 10vw, 42px) !important;
	}

	body.home .wp-block-post-content > .wp-block-cover:first-child h2.wp-block-heading {
		margin-block-start: 28px !important;
		font-size: clamp(21px, 6.4vw, 28px) !important;
	}

	body.home .wp-block-post-content > .wp-block-cover:first-child .wp-block-buttons {
		margin-block-start: 32px !important;
	}

	body.home .wp-block-post-content > .wp-block-cover:first-child .wp-block-cover__inner-container {
		transform: none;
	}

	body.home .wp-block-post-content > .wp-block-cover:first-child .hero-button .wp-block-button__link {
		padding: 14px 22px;
		font-size: 17px !important;
	}

	body.home .wp-block-post-content > .wp-block-cover:first-child p {
		font-size: 15px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wmb-header *,
	.wmb-header *::before,
	.wmb-header *::after {
		transition-duration: 0.01ms !important;
	}
}
