/* Aanvullingen op theme.json. Kleuren altijd via var(--wp--preset--color--…). */

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--espresso);
	outline-offset: 3px;
}

.fulr-label {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.fulr-header {
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--taupe) 40%, transparent);
}

.fulr-logo .wp-block-site-title a {
	text-decoration: none;
	letter-spacing: 0.18em;
}

/* Productfoto's in vaste 4:5-verhouding. */
.wc-block-components-product-image img,
.wc-block-grid__product-image img,
.woocommerce ul.products li.product img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

/* ---------- Productkaart ---------- */
.wc-block-components-product-image {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
.wc-block-components-product-image a {
	display: block;
	position: relative;
}
.fulr-hover-beeld {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.35s ease;
}
@media (hover: hover) {
	.wc-block-components-product-image:hover .fulr-hover-beeld,
	.wc-block-components-product-image a:focus-visible .fulr-hover-beeld {
		opacity: 1;
	}
}
.wc-block-product .wp-block-post-title a {
	text-decoration: none;
}
.wc-block-product .wp-block-post-title a:hover {
	text-decoration: underline;
}

/* ---------- Home ---------- */
.fulr-hero__beeld .wp-block-image {
	margin: 0;
}
.fulr-hero__beeld img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 11;
	object-fit: cover;
}
@media (max-width: 781px) {
	.fulr-hero .wp-block-columns {
		flex-direction: column-reverse;
	}
	.fulr-hero {
		padding-top: 0 !important;
	}
	.fulr-hero .wp-block-columns > .fulr-hero__beeld {
		margin-inline: calc(var(--wp--style--root--padding-left) * -1);
		width: calc(100% + var(--wp--style--root--padding-left) * 2);
		flex-basis: auto !important;
	}
}

.fulr-usp .fulr-label {
	margin: 0;
}
@media (max-width: 600px) {
	.fulr-usp .wp-block-group {
		flex-direction: column;
		align-items: center;
		gap: 0.35rem;
	}
}

.fulr-tegels .wp-block-image {
	margin-bottom: 0.75rem;
}
.fulr-tegels img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	width: 100%;
	transition: transform 0.5s ease;
}
.fulr-tegels .wp-block-image {
	overflow: hidden;
}
@media (hover: hover) {
	.fulr-tegels .wp-block-image a:hover img {
		transform: scale(1.03);
	}
}
.fulr-tegels h3 {
	margin: 0;
}
.fulr-tegels h3 a {
	text-decoration: none;
}
.fulr-tegels .wp-block-column > p {
	margin-top: 0.25rem;
}
.fulr-tegel-binnenkort {
	aspect-ratio: 4 / 5;
	padding: var(--wp--preset--spacing--40);
	margin-bottom: 0.75rem;
	text-align: center;
}
.fulr-tegel-binnenkort p {
	margin: 0;
}

.fulr-ugc {
	gap: 0.5rem !important;
}
.fulr-ugc .wp-block-image {
	margin: 0;
}
.fulr-ugc img {
	aspect-ratio: 1;
	object-fit: cover;
	width: 100%;
}
@media (max-width: 600px) {
	.fulr-ugc {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* ---------- Nieuwsbrief ---------- */
.fulr-nieuwsbrief__form {
	display: flex;
	gap: 0.5rem;
	max-width: 480px;
	margin: var(--wp--preset--spacing--40) auto 0;
	flex-wrap: wrap;
}
.fulr-nieuwsbrief__form input {
	flex: 1 1 220px;
	min-width: 0;
	padding: 0.9rem 1rem;
	border: 1px solid var(--wp--preset--color--ivory);
	background: transparent;
	color: var(--wp--preset--color--ivory);
	font: inherit;
}
.fulr-nieuwsbrief__form input::placeholder {
	color: color-mix(in srgb, var(--wp--preset--color--ivory) 75%, transparent);
}
.fulr-nieuwsbrief__form input:focus-visible,
.fulr-nieuwsbrief .wp-element-button:focus-visible {
	outline-color: var(--wp--preset--color--ivory);
}
.fulr-nieuwsbrief .wp-element-button {
	background: var(--wp--preset--color--ivory);
	color: var(--wp--preset--color--deep-blue);
	border-color: var(--wp--preset--color--ivory);
}
.fulr-nieuwsbrief .wp-element-button:hover {
	background: var(--wp--preset--color--sand);
	color: var(--wp--preset--color--ink);
}
.fulr-nieuwsbrief__melding {
	flex-basis: 100%;
	text-align: center;
	margin: 0.5rem 0 0;
}

/* Collectietegels: op mobiel een horizontale rij om doorheen te vegen. */
@media (max-width: 781px) {
	.fulr-tegels {
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin-inline: calc(var(--wp--style--root--padding-left) * -1);
		padding-inline: var(--wp--style--root--padding-left);
		scroll-padding-inline: var(--wp--style--root--padding-left);
	}
	.fulr-tegels::-webkit-scrollbar {
		display: none;
	}
	.fulr-tegels > .wp-block-column {
		flex: 0 0 72% !important;
		scroll-snap-align: start;
	}
}

/* ---------- Productpagina ---------- */
.fulr-product .wp-block-woocommerce-breadcrumbs a {
	text-decoration: none;
}
.fulr-product .wp-block-woocommerce-breadcrumbs a:hover {
	text-decoration: underline;
}
@media (min-width: 782px) {
	.fulr-product__info {
		align-self: flex-start;
	}
}
.fulr-product__info .wp-block-post-title {
	margin-bottom: 0.25rem;
}
.fulr-product__info .wp-block-woocommerce-product-price {
	margin-top: 0.25rem;
}
.fulr-product .wc-block-product-gallery-large-image img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
}
.fulr-product .wc-block-product-gallery-thumbnails img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

/* Kleurkeuze als chips */
.fulr-product .wc-block-product-filter-chips__item {
	border-radius: 0;
	border-color: var(--wp--preset--color--taupe);
	background: transparent;
	color: var(--wp--preset--color--espresso);
}
.fulr-product .wc-block-product-filter-chips__item[aria-checked="true"],
.fulr-product .wc-block-product-filter-chips__item.is-selected {
	border-color: var(--wp--preset--color--espresso);
	background: var(--wp--preset--color--espresso);
	color: var(--wp--preset--color--ivory);
}

/* Bestelknop vult de rij naast het aantal */
.fulr-product .wp-block-woocommerce-add-to-cart-with-options .wp-block-woocommerce-product-button {
	flex: 1 1 200px;
}
.fulr-product .wp-block-woocommerce-add-to-cart-with-options .wp-block-woocommerce-product-button .wp-element-button {
	width: 100%;
}

.fulr-verzendinfo {
	list-style: none;
	padding: var(--wp--preset--spacing--30) 0 0;
	margin: var(--wp--preset--spacing--30) 0 0;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--taupe) 45%, transparent);
}
.fulr-verzendinfo li {
	padding-left: 1.5rem;
	position: relative;
	margin: 0.3rem 0;
}
.fulr-verzendinfo li::before {
	content: "";
	position: absolute;
	left: 0.2rem;
	top: 0.55em;
	width: 0.55rem;
	height: 0.3rem;
	border-left: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(-45deg);
}

/* Uitklapblokken */
.fulr-uitklap .wp-block-details {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--taupe) 45%, transparent);
	padding: 0;
	margin: 0;
}
.fulr-uitklap .wp-block-details:last-child {
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--taupe) 45%, transparent);
}
.fulr-uitklap summary {
	cursor: pointer;
	list-style: none;
	padding: 1rem 2rem 1rem 0;
	position: relative;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.fulr-uitklap summary::-webkit-details-marker {
	display: none;
}
.fulr-uitklap summary::after {
	content: "+";
	position: absolute;
	right: 0.25rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.25rem;
	font-weight: 300;
}
.fulr-uitklap details[open] > summary::after {
	content: "–";
}
.fulr-uitklap details > :not(summary) {
	margin-bottom: 1.25rem;
}
.fulr-uitklap h3 {
	font-size: var(--wp--preset--font-size--medium);
}

/* Specificaties-tabel */
.fulr-product .wp-block-woocommerce-product-specifications table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--small);
}
.fulr-product .wp-block-woocommerce-product-specifications th,
.fulr-product .wp-block-woocommerce-product-specifications td {
	border: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--taupe) 30%, transparent);
	padding: 0.5rem 0;
	text-align: left;
	font-weight: 400;
}
.fulr-product .wp-block-woocommerce-product-specifications th {
	width: 45%;
	font-weight: 500;
}
.fulr-product .wc-block-product-gallery {
	--wc-block-product-gallery-large-image-ratio-width: 4;
	--wc-block-product-gallery-large-image-ratio-height: 5;
}
.fulr-product .wc-block-product-gallery-large-image img {
	width: 100%;
	height: 100%;
}
.fulr-product .wc-block-product-gallery-large-image__wrapper {
	aspect-ratio: 4 / 5;
}
.fulr-product .wc-block-product-gallery-large-image__wrapper img {
	object-fit: cover !important;
}

/* ---------- Shop / categorie ---------- */
.fulr-shop .wp-block-woocommerce-breadcrumbs a {
	text-decoration: none;
}
.fulr-shop__kop .wp-block-query-title {
	margin: 0;
}
.fulr-shop__kop .wp-block-term-description p {
	margin: 0;
	font-size: var(--wp--preset--font-size--large);
}
.fulr-shop__filters h3.fulr-label {
	font-size: var(--wp--preset--font-size--x-small);
	margin: 0 0 0.75rem;
}
.fulr-shop__filters .wp-block-woocommerce-product-filters > * + *,
.fulr-shop__filters .wc-block-product-filters__overlay-content > * + * {
	margin-top: var(--wp--preset--spacing--40);
}
.fulr-shop .wc-block-product-filter-chips__item {
	border-radius: 0;
	border-color: var(--wp--preset--color--taupe);
	background: transparent;
	color: var(--wp--preset--color--espresso);
	font-size: var(--wp--preset--font-size--small);
}
.fulr-shop .wc-block-product-filter-chips__item[aria-checked="true"] {
	border-color: var(--wp--preset--color--espresso);
	background: var(--wp--preset--color--espresso);
	color: var(--wp--preset--color--ivory);
}
.fulr-shop .wc-block-product-filter-removable-chips__chip {
	border-radius: 0;
}
.fulr-shop__balk .woocommerce-ordering select {
	border: 1px solid var(--wp--preset--color--taupe);
	background: transparent;
	padding: 0.5rem 0.75rem;
	font: inherit;
	color: inherit;
}
.fulr-shop__balk p,
.fulr-shop__balk .woocommerce-result-count {
	margin: 0;
}
.fulr-shop .wc-block-product .wp-block-post-title a {
	text-decoration: none;
}

/* Raster: 2 kolommen op mobiel, 3 op desktop */
.fulr-shop .wc-block-product-template {
	gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) !important;
}
@media (max-width: 781px) {
	.fulr-shop .wc-block-product-template {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.fulr-shop__body {
		gap: 0 !important;
	}
	.fulr-shop__filters {
		flex-basis: auto !important;
	}
	/* Filterknop en sortering op één regel */
	.fulr-shop__filters .wc-block-product-filters__open-overlay {
		border: 1px solid var(--wp--preset--color--espresso);
		padding: 0.6rem 1rem;
		margin-bottom: var(--wp--preset--spacing--30);
		font-size: var(--wp--preset--font-size--small);
		text-transform: uppercase;
		letter-spacing: 0.08em;
	}
}
.fulr-shop__filters {
	min-width: 0;
}
.fulr-shop .wc-block-product-filter-price-slider,
.fulr-shop .wc-block-product-filter-price-slider__content {
	max-width: 100%;
	min-width: 0;
}
.fulr-shop .wc-block-product-filter-price-slider input[type="text"] {
	min-width: 0;
	max-width: 100%;
	border-radius: 0;
	border-color: var(--wp--preset--color--taupe);
	background: transparent;
}

/* ---------- Winkelwagen & checkout ---------- */
.fulr-header--checkout .wp-block-group > * {
	flex: 1 1 0;
}
.fulr-header--checkout .fulr-logo {
	text-align: center;
}
.fulr-header--checkout .fulr-veilig {
	text-align: right;
	margin: 0;
}
.fulr-header--checkout a {
	text-decoration: none;
}
@media (max-width: 600px) {
	.fulr-header--checkout .fulr-veilig {
		font-size: 0.6875rem;
	}
}

.fulr-cart .wp-block-post-title {
	margin-bottom: var(--wp--preset--spacing--40);
}

/* Formulieren: rechte hoeken, rustige randen */
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-block-components-select .wc-block-components-select__select,
.wc-blocks-components-select__select,
.wc-block-components-textarea,
.wc-block-components-quantity-selector,
.wc-block-components-totals-coupon__input input {
	border-radius: 0 !important;
	border-color: var(--wp--preset--color--taupe) !important;
	background-color: var(--wp--preset--color--white) !important;
}
.wc-block-components-text-input.is-active input:focus,
.wc-block-components-text-input input:focus {
	border-color: var(--wp--preset--color--espresso) !important;
	box-shadow: 0 0 0 1px var(--wp--preset--color--espresso) !important;
	outline: none;
}
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
	border-radius: 0 !important;
}
.wc-block-components-radio-control__input:checked {
	border-color: var(--wp--preset--color--espresso) !important;
}
.wc-block-components-radio-control__input:checked::before {
	background: var(--wp--preset--color--espresso) !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
	border-radius: 0;
	border-color: var(--wp--preset--color--taupe);
}

/* Knoppen in de stijl van het thema */
/* Primaire knoppen (alleen de echte actieknoppen, niet sluit- of aantalknoppen) */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-checkout,
.wc-block-components-totals-coupon__button,
.wc-block-components-product-button__button,
.wc-block-cart .wc-block-components-product-button .wp-block-button__link {
	border-radius: 0 !important;
	background: var(--wp--preset--color--espresso) !important;
	border: 1px solid var(--wp--preset--color--espresso) !important;
	color: var(--wp--preset--color--ivory) !important;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 500;
	min-height: 3.25rem;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-mini-cart__footer-checkout:hover,
.wc-block-components-totals-coupon__button:hover,
.wc-block-components-product-button__button:hover {
	background: var(--wp--preset--color--ink) !important;
}
/* Secundair: omlijnd */
.wc-block-mini-cart__footer-cart {
	border-radius: 0 !important;
	background: transparent !important;
	border: 1px solid var(--wp--preset--color--espresso) !important;
	color: var(--wp--preset--color--espresso) !important;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 500;
	min-height: 3.25rem;
}
.wc-block-mini-cart__footer-cart:hover {
	background: var(--wp--preset--color--sand) !important;
}
/* Sluitknop van de minicart: gewoon een kruisje */
.wc-block-components-drawer__close {
	background: transparent !important;
	color: var(--wp--preset--color--espresso) !important;
	border: 0 !important;
}

/* Korte productomschrijving niet herhalen in winkelwagen en minicart */
.wc-block-cart-item__product .wc-block-components-product-metadata__description,
.wc-block-mini-cart__products-table .wc-block-components-product-metadata__description,
.wc-block-components-order-summary-item .wc-block-components-product-metadata__description {
	display: none;
}

/* Overzicht rechts op zand */
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block {
	background: var(--wp--preset--color--sand);
	border: 0 !important;
	border-radius: 0 !important;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40) !important;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary-item__image img,
.wc-block-cart-item__image img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
}
.wc-block-components-order-summary-item__quantity {
	background: var(--wp--preset--color--espresso) !important;
	color: var(--wp--preset--color--ivory) !important;
	border: 0 !important;
}
.wc-block-components-checkout-step__title,
.wc-block-cart__totals-title {
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 500 !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.wc-block-cart-items__header {
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.1em;
}
.wc-block-components-product-name {
	font-weight: 500;
	text-decoration: none;
}

/* ---------- Correcties na layout-audit (11 okt 2026) ---------- */

/* Ruimte vasthouden voor productbeelden zodat er niets verspringt en geen witte flits is. */
.wc-block-components-product-image,
.wc-block-product-gallery-large-image__wrapper,
.wc-block-product-gallery-thumbnails__thumbnail {
	background-color: var(--wp--preset--color--sand);
}
.wc-block-product-gallery-thumbnails__thumbnail {
	aspect-ratio: 4 / 5;
	overflow: hidden;
}
.wc-block-product-gallery-thumbnails__thumbnail img {
	width: 100%;
	height: 100%;
}

/* Mobiele header: logo links, iconen + menuknop rechts. */
@media (max-width: 599px) {
	.fulr-header > .wp-block-group {
		gap: 0.75rem;
	}
	.fulr-header .fulr-logo {
		margin-right: auto;
	}
	.fulr-header .wp-block-navigation {
		order: 3;
	}
}

/* Mobiel menu: grote links, links uitgelijnd, met ruimte. */
.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--40) var(--wp--style--root--padding-left) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: flex-start !important;
	padding-top: var(--wp--preset--spacing--50) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: flex-start !important;
	gap: 1.25rem !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--x-large);
	text-transform: none;
	letter-spacing: 0;
	font-weight: 450;
}

/* Checkout: geen lege ruimte boven het overzicht */
.fulr-checkout .wc-block-store-notices:empty,
.fulr-cart .wc-block-store-notices:empty {
	display: none;
}
.fulr-checkout .wp-block-woocommerce-checkout {
	margin-top: 0;
	padding-top: 0;
}
.fulr-checkout .wc-block-components-sidebar-layout {
	margin-top: 0;
}
@media (max-width: 599px) {
	.fulr-checkout {
		padding-top: var(--wp--preset--spacing--30) !important;
	}
	.fulr-header--checkout .fulr-veilig {
		visibility: hidden;
	}
}
.fulr-header--checkout p {
	white-space: nowrap;
}

/* Prijsfilter: kolommen mogen krimpen, anders loopt de slider over het productraster */
.fulr-shop .wc-block-product-filter-price-slider__content {
	grid-template-columns: minmax(0, 1fr) 0 minmax(0, 1fr) !important;
}
.fulr-shop .wc-block-product-filter-price-slider__content > * {
	min-width: 0;
}
.fulr-shop .wc-block-product-filter-price-slider__left input,
.fulr-shop .wc-block-product-filter-price-slider__right input {
	width: 100%;
	box-sizing: border-box;
}

/* ---------- Tegen verspringen tijdens het laden ---------- */

/* WooCommerce verbergt voorraad, aantal en knop tot het script draait (of tot een variant gekozen is)
   en klapt ze dan open. Laat ze vanaf het begin hun ruimte innemen, alleen onzichtbaar. */
.wp-block-woocommerce-add-to-cart-with-options [hidden]:not(.screen-reader-text) {
	display: revert !important;
	visibility: hidden;
}
.wp-block-woocommerce-add-to-cart-with-options .wp-block-group[hidden] {
	display: flex !important;
}
.wp-block-woocommerce-add-to-cart-with-options .wc-block-components-product-button__button {
	white-space: nowrap;
	padding-inline: 1rem;
}

/* Winkelwagen en checkout worden door script opgebouwd: tot dan niets tonen maar wel ruimte houden. */
.wp-block-woocommerce-cart.is-loading,
.wp-block-woocommerce-checkout.is-loading {
	min-height: 70vh;
}
.wp-block-woocommerce-cart.is-loading > *,
.wp-block-woocommerce-checkout.is-loading > * {
	visibility: hidden;
}
/* Voorraadregel bij varianten wordt pas door script gevuld: ruimte voor één regel vasthouden. */
.wp-block-woocommerce-add-to-cart-with-options .wp-block-woocommerce-product-stock-indicator {
	min-height: 1.6875rem;
	display: block !important;
}

/* WooCommerce zet een (leeg) meldingenvak in het fotovak van de eerste productkaart;
   door de marge werd die kaart hoger dan de rest. Alleen tonen als er echt een melding in staat. */
.wc-block-components-product-image > .wc-block-components-notices:not(:has(*)) {
	display: none;
}

/* ---------- Productfoto op desktop: miniaturen links, foto nooit hoger dan het scherm ---------- */
@media (min-width: 782px) {
	.fulr-product {
		--fulr-foto-w: min(calc((100svh - 170px) * 0.8), 620px);
	}
	.fulr-product__boven > .fulr-product__media {
		flex: 0 0 calc(var(--fulr-foto-w) + 88px) !important;
		max-width: 60%;
	}
	.fulr-product .wc-block-product-gallery {
		flex-direction: row !important;
		align-items: flex-start;
		gap: 12px;
	}
	.fulr-product .wc-block-product-gallery-large-image {
		flex: 1 1 auto;
		width: 100%;
		max-width: var(--fulr-foto-w);
	}
	.fulr-product .wc-block-product-gallery-thumbnails {
		order: -1;
		flex: 0 0 76px !important;
		width: 76px !important;
		height: auto !important;
		aspect-ratio: auto !important;
	}
	.fulr-product .wc-block-product-gallery-thumbnails__scrollable {
		flex-direction: column !important;
		gap: 8px;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		max-height: calc(var(--fulr-foto-w) * 1.25);
	}
	.fulr-product .wc-block-product-gallery-thumbnails__thumbnail {
		width: 100% !important;
		height: auto !important;
		flex: 0 0 auto !important;
	}
}

/* ---------- Bestelbalk op mobiel ---------- */
.fulr-bestelbalk {
	display: none;
}
@media (max-width: 781px) {
	.fulr-bestelbalk {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 50;
		padding: 0.625rem var(--wp--style--root--padding-left) calc(0.625rem + env(safe-area-inset-bottom));
		background: var(--wp--preset--color--ivory);
		border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--taupe) 50%, transparent);
		box-shadow: 0 -6px 20px rgb(59 48 42 / 0.08);
		transform: translateY(110%);
		visibility: hidden;
		transition: transform 0.25s ease, visibility 0s linear 0.25s;
	}
	.fulr-bestelbalk.is-zichtbaar {
		transform: translateY(0);
		visibility: visible;
		transition: transform 0.25s ease;
	}
	.fulr-bestelbalk__info {
		flex: 1 1 auto;
		min-width: 0;
		line-height: 1.25;
	}
	.fulr-bestelbalk__naam {
		display: block;
		font-size: var(--wp--preset--font-size--small);
		font-weight: 500;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.fulr-bestelbalk__prijs {
		display: block;
		font-size: var(--wp--preset--font-size--small);
	}
	.fulr-bestelbalk__knop {
		flex: 0 0 auto;
		min-height: 3rem;
		padding: 0 1.25rem !important;
		white-space: nowrap;
	}
	/* Ruimte onder de footer zodat de balk niets afdekt aan het eind van de pagina. */
	body.fulr-heeft-bestelbalk {
		padding-bottom: calc(4.5rem + env(safe-area-inset-bottom));
	}
}
@media (prefers-reduced-motion: reduce) {
	.fulr-bestelbalk {
		transition: none;
	}
}
/* Tablet (782–1079 px): foto en info onder elkaar, anders wordt de infokolom te smal. */
@media (min-width: 782px) and (max-width: 1079px) {
	.fulr-product__boven {
		flex-wrap: wrap !important;
	}
	.fulr-product__boven > .fulr-product__media,
	.fulr-product__boven > .fulr-product__info {
		flex: 1 1 100% !important;
		max-width: none;
	}
}