/* Boards & Beans — WooCommerce styling (Nostra-geïnspireerd)
   Grijze fototegels (multiply-blend voor witte productfoto's), accentbadge,
   donkere icoonknoppen, prijsladder als signatuur. */

/* ---------- Archief: kop en sorteerregel ---------- */
.bb-shop .woocommerce-products-header__title {
	font-size: var(--wp--preset--font-size--x-large);
	margin: 0 0 0.5rem;
}
.bb-shop .woocommerce-breadcrumb {
	font-size: 0.8125rem;
	color: var(--wp--preset--color--muted);
	margin-bottom: 1.25rem;
}
.bb-shop .woocommerce-breadcrumb a { color: var(--wp--preset--color--muted); text-decoration: none; }
.bb-shop .woocommerce-breadcrumb a:hover { color: var(--wp--preset--color--contrast); }
.bb-shop .woocommerce-result-count { font-size: 0.875rem; color: var(--wp--preset--color--muted); margin: 0.4rem 0 0; }
.bb-shop .woocommerce-ordering select {
	width: auto;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 8px;
	padding: 0.5rem 2rem 0.5rem 0.85rem;
	font-size: 0.875rem;
	color: var(--wp--preset--color--contrast);
	background-color: var(--wp--preset--color--base);
}
.bb-shop .woocommerce-notices-wrapper:empty { display: none; }

/* ---------- Productgrid ---------- */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.25rem 1.5rem;
	margin: 1.75rem 0 0;
	padding: 0;
	list-style: none;
}
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	text-align: left;
	position: relative;
	display: flex;
	flex-direction: column;
}

/* Schone productfoto: subtiele rand, zachte hoeken */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
	position: relative;
	display: block;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.woocommerce ul.products li.product a img {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 12px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
	margin-bottom: 0.85rem;
	transition: transform 0.2s ease;
}
.woocommerce ul.products li.product a:hover img { transform: scale(1.02); }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.4;
	padding: 0;
	margin: 0 0 0.25rem;
	color: var(--wp--preset--color--contrast);
}
.woocommerce ul.products li.product .price {
	font-size: 1rem;
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
	margin: 0 3rem 0.25rem 0;
}
.woocommerce ul.products li.product .price del {
	color: var(--wp--preset--color--muted);
	font-weight: 400;
	font-size: 0.875rem;
	opacity: 1;
	margin-right: 0.35rem;
}
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce ul.products li.product .price .woocommerce-price-suffix {
	color: var(--wp--preset--color--muted);
	font-weight: 400;
	font-size: 0.75rem;
}

/* Aanbieding-labels: uitgeschakeld (functions.php) */
.woocommerce span.onsale { display: none !important; }

/* Uitverkocht-badge (via functions.php, vertaalbaar) */
.woocommerce ul.products li.product.outofstock a img { opacity: 0.5; }
.bb-badge-oos {
	position: absolute;
	top: 0.8rem;
	right: 0.8rem;
	left: auto;
	bottom: auto;
	z-index: 2;
	display: inline-block;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 8px;
	padding: 0.35rem 0.55rem;
}

/* Donkere vierkante winkelwagen-knop rechtsonder op de kaart */
.woocommerce ul.products li.product .button {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 42px;
	height: 42px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
	border: 0;
	border-radius: 10px;
	margin: 0;
}
.woocommerce ul.products li.product .button::before {
	content: "";
	position: absolute;
	inset: 0;
	background: currentColor;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zM7.16 14h9.79c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1 1 0 0 0 21.4 5H6.21l-.94-2H2v2h2l3.6 7.59-1.35 2.44C5.52 16.37 6.48 18 7.16 18h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12L8.1 14z"/></svg>') center / 20px 20px no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zM7.16 14h9.79c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1 1 0 0 0 21.4 5H6.21l-.94-2H2v2h2l3.6 7.59-1.35 2.44C5.52 16.37 6.48 18 7.16 18h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12L8.1 14z"/></svg>') center / 20px 20px no-repeat;
}
.woocommerce ul.products li.product .button:hover { background: #2a2c33; }
.woocommerce ul.products li.product .added_to_cart {
	position: absolute;
	right: 48px;
	bottom: 10px;
	font-size: 0.8125rem;
}

@media (max-width: 1024px) { .woocommerce ul.products { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 781px)  { .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); gap: 1.5rem 1rem; } }

/* ---------- Productpagina ---------- */
.bb-shop div.product {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	gap: clamp(2rem, 5vw, 4.5rem);
	align-items: start;
}
.bb-shop div.product .woocommerce-product-gallery { width: auto !important; float: none; }
.bb-shop div.product .entry-summary { width: auto !important; float: none; padding-top: 0.25rem; }
.bb-shop div.product .woocommerce-tabs,
.bb-shop div.product .related.products,
.bb-shop div.product .upsells.products,
.bb-shop div.product .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.bb-shop div.product .woocommerce-product-gallery__wrapper { margin: 0; }
.bb-shop div.product .woocommerce-product-gallery__image {
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--line);
}
.bb-shop div.product .woocommerce-product-gallery img { border: 0; }
.bb-shop div.product .flex-control-thumbs {
	display: flex;
	gap: 0.6rem;
	margin-top: 0.75rem;
	padding: 0;
}
.bb-shop div.product .flex-control-thumbs li { width: auto; flex: 0 0 76px; border-radius: 10px; overflow: hidden; border: 1px solid var(--wp--preset--color--line); }
.bb-shop div.product .flex-control-thumbs img { border: 0; opacity: 0.7; }
.bb-shop div.product .flex-control-thumbs img.flex-active,
.bb-shop div.product .flex-control-thumbs img:hover { opacity: 1; }

.bb-shop div.product .product_title {
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 600;
	margin: 0 0 0.4rem;
}
.bb-shop div.product p.price {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
	margin: 0 0 0.9rem;
}
.bb-shop div.product p.price del { color: var(--wp--preset--color--muted); font-weight: 400; font-size: 1.05rem; }
.bb-shop div.product .woocommerce-price-suffix { font-size: 0.875rem; color: var(--wp--preset--color--muted); font-weight: 400; }
.bb-shop div.product p.stock.in-stock, .bb-shop div.product .stock.in-stock { color: #1c7a3d; font-size: 0.9375rem; }
.bb-shop div.product p.stock.out-of-stock, .bb-shop div.product .stock.out-of-stock { color: #b3352b; font-size: 0.9375rem; }

/* Aantal + toevoegen */
.bb-shop div.product form.cart { margin: 1.1rem 0 1.4rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: stretch; }
.bb-shop div.product form.cart div.quantity { display: flex; }
.bb-shop div.product form.cart .qty {
	width: 4.75rem;
	text-align: center;
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--base);
	border-radius: 8px;
	font-size: 1rem;
}
.bb-shop div.product form.cart .single_add_to_cart_button {
	flex: 1 1 auto;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
	border: 0;
	border-radius: 8px;
	font-weight: 600;
	font-size: 0.9375rem;
	letter-spacing: 0.01em;
	padding: 0.9rem 1.6rem;
}
.bb-shop div.product form.cart .single_add_to_cart_button:hover { background: #2a2c33; }

/* Signatuur: B2BKing staffelprijzen als prijsladder */
.bb-shop .b2bking_table, .bb-shop table.b2bking_tiered_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 1.1rem 0;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 12px;
	overflow: hidden;
}
.bb-shop .b2bking_table th, .bb-shop table.b2bking_tiered_table th {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
	text-align: left;
	padding: 0.7rem 1rem;
	background: var(--wp--preset--color--surface);
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.bb-shop .b2bking_table td, .bb-shop table.b2bking_tiered_table td {
	padding: 0.7rem 1rem;
	font-size: 0.9375rem;
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.bb-shop .b2bking_table tr:last-child td, .bb-shop table.b2bking_tiered_table tr:last-child td { border-bottom: 0; }

/* Meta en secties */
.bb-shop div.product .product_meta {
	font-size: 0.875rem;
	color: var(--wp--preset--color--muted);
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: 1rem;
	margin-top: 1.4rem;
}
.bb-shop div.product .product_meta a { color: var(--wp--preset--color--contrast); }
.bb-shop div.product .woocommerce-tabs { clear: both; padding-top: var(--wp--preset--spacing--60); }
.bb-shop div.product .woocommerce-tabs ul.tabs {
	display: flex;
	gap: 1.75rem;
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.bb-shop div.product .woocommerce-tabs ul.tabs li { background: none; border: 0; margin: 0; padding: 0; }
.bb-shop div.product .woocommerce-tabs ul.tabs li::before, .bb-shop div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.bb-shop div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--wp--preset--color--muted);
	text-decoration: none;
	padding: 0 0 0.8rem;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}
.bb-shop div.product .woocommerce-tabs ul.tabs li.active a { color: var(--wp--preset--color--contrast); border-bottom-color: var(--wp--preset--color--contrast); }
.bb-shop div.product .woocommerce-tabs .panel { max-width: 72ch; }

/* Gerelateerde producten */
.bb-shop div.product .related.products, .bb-shop div.product .upsells.products { clear: both; padding-top: var(--wp--preset--spacing--60); }
.bb-shop div.product .related.products > h2, .bb-shop div.product .upsells.products > h2 {
	font-size: var(--wp--preset--font-size--large);
	margin-bottom: 0.25rem;
}

@media (max-width: 900px) {
	.bb-shop div.product { grid-template-columns: 1fr; gap: 1.5rem; }
}

/* ---------- Cart / checkout / account (cards zoals referentie) ---------- */
.woocommerce table.shop_table {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 12px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding: 0.9rem 1rem;
}
.woocommerce table.shop_table tr:last-child td { border-bottom: 0; }
.woocommerce table.shop_table th {
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
	background: var(--wp--preset--color--surface);
}
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
	border: 0;
	border-radius: 8px;
	font-weight: 600;
	padding: 0.8rem 1.4rem;
}
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce a.button:hover, .woocommerce input.button:hover {
	background: #2a2c33;
	color: var(--wp--preset--color--base);
}
.woocommerce .button.alt { background: var(--wp--preset--color--ink); }
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	border-top-color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--surface);
	border-radius: 0 0 10px 10px;
}
.woocommerce form .form-row label { font-size: 0.875rem; font-weight: 500; }
.woocommerce #payment {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 12px;
}
.woocommerce #payment div.payment_box {
	background: var(--wp--preset--color--surface);
	border-radius: 8px;
}
.woocommerce #payment div.payment_box::before { display: none; }

/* ---------- B2BKing gast-weergave: "Login to view prices" ---------- */
.b2bking_logged_out .b2bking_lock_icon { vertical-align: -0.15em; margin-right: 0.35rem; }
.b2bking_logged_out div.product .price,
.b2bking_logged_out ul.products li.product .price {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--wp--preset--color--muted);
}
.b2bking_logged_out div.product .price a,
.b2bking_logged_out ul.products li.product .price a { color: var(--wp--preset--color--contrast); }

/* ================= Audit-fixes (UI-review 2026-09-04) ================= */

/* M1: paginering */
.woocommerce nav.woocommerce-pagination ul { border: 0; margin: 2.5rem 0 0; display: flex; gap: 0.4rem; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--wp--preset--color--line); border-radius: 8px; font-size: 0.875rem;
}
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--ink); }
.woocommerce nav.woocommerce-pagination ul li a:hover { border-color: var(--wp--preset--color--contrast); background: transparent; }

/* H6: login/registratie als nette kaart, dubbele Woo-kop weg */
.woocommerce form.login, .woocommerce form.register {
	max-width: 440px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 12px;
	padding: 2rem;
	margin: 0 0 2rem;
}
.woocommerce-account .bb-main .woocommerce > h2 { display: none; }

/* M10: Select2 (landkeuze checkout) */
.select2-container--default .select2-selection--single {
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--surface);
	border-radius: 8px;
	height: auto;
	padding: 0.7rem 0.9rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.6; padding: 0; color: var(--wp--preset--color--contrast); }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--wp--preset--color--ink); }
.select2-dropdown { border-color: var(--wp--preset--color--line); border-radius: 8px; }

/* M11: dubbele kop in producttabs weg */
.bb-shop .woocommerce-Tabs-panel > h2:first-child { display: none; }

/* L6: losse "bekijk winkelwagen"-link in kaart verbergen (badge in header volstaat) */
.woocommerce ul.products li.product .added_to_cart { display: none; }

/* L7: kleine schermen */
@media (max-width: 480px) {
	.woocommerce ul.products li.product .button { width: 38px; height: 38px; }
	.woocommerce ul.products li.product .price { margin-right: 2.75rem; font-size: 0.9375rem; }
}

/* L4: sorteer-select met eigen chevron */
.bb-shop .woocommerce-ordering select {
	appearance: none;
	-webkit-appearance: none;
	padding: 0.7rem 2.25rem 0.7rem 0.9rem;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="none" stroke="%23111111" stroke-width="1.5" d="M1 1.5l5 5 5-5"/></svg>');
	background-repeat: no-repeat;
	background-position: right 0.85rem center;
}

/* ============ Audit-fixes funnel (review-agent 2, 2026-09-04) ============ */

/* 3: veldstijl → zie "Uniforme veldstijl sitebreed" onderaan dit bestand */

/* 12: focus met zichtbare ring op velden */
.bb-main input:focus-visible, .bb-main select:focus-visible, .bb-main textarea:focus-visible,
.woocommerce input.input-text:focus-visible, .woocommerce select:focus-visible, .woocommerce textarea:focus-visible {
	outline: none;
	border-color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--base);
	box-shadow: 0 0 0 3px rgba(13, 14, 18, 0.15);
}

/* 4: checkout 2-koloms met sticky besteloverzicht */
@media (min-width: 1000px) {
	form.checkout.woocommerce-checkout {
		display: grid;
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
		gap: 2.5rem;
		align-items: start;
	}
	#customer_details { grid-column: 1; }
	#order_review_heading { grid-column: 2; margin: 0 0 0.75rem; }
	#order_review {
		grid-column: 2;
		position: sticky;
		top: 90px;
		background: var(--wp--preset--color--base);
		border: 1px solid var(--wp--preset--color--line);
		border-radius: 12px;
		padding: 1.25rem;
	}
	#order_review table.shop_table { border: 0; }
	.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { float: none; width: 100%; }
}

/* 7: betaalmethode-lijst */
.woocommerce #payment ul.payment_methods { list-style: none; margin: 0; padding: 1rem 1.25rem; }
.woocommerce #payment ul.payment_methods li { padding: 0.45rem 0; }
.woocommerce #payment ul.payment_methods label { font-size: 0.9375rem; font-weight: 500; cursor: pointer; }
.woocommerce #payment div.payment_box { padding: 0.9rem 1rem; margin: 0.5rem 0; font-size: 0.875rem; }
#place_order { width: 100%; padding: 1rem; font-size: 1rem; }

/* 8: B2BKing BTW-valideer-knop */
#b2bking_checkout_registration_validate_vat_button {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--ink);
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: 8px;
	padding: 0.55rem 1rem;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	margin-top: 0.5rem;
}
#b2bking_checkout_registration_validate_vat_button:disabled { opacity: 0.5; cursor: not-allowed; }

/* 9: fouten herkenbaar rood-accent */
.woocommerce-error { border-top-color: var(--wp--preset--color--accent); }
.woocommerce-error::before { color: var(--wp--preset--color--accent); }

/* 10: cart aantal + coupon */
.woocommerce table.cart .quantity .qty {
	width: 4.75rem;
	min-height: 44px;
	text-align: center;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 8px;
	background: var(--wp--preset--color--base);
	font-size: 1rem;
}
.woocommerce table.cart td.actions .coupon .input-text {
	width: 200px;
	min-height: 44px;
	padding: 0.6rem 0.9rem;
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--surface);
	border-radius: 8px;
}

/* 13: disabled uitgebreid */
#place_order:disabled, .wpforms-submit:disabled { opacity: 0.5; cursor: not-allowed; }

/* 15: approval-melding + pending-status */
.bb-approval-note, .b2bking-application-pending {
	display: block;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 8px;
	padding: 0.9rem 1rem;
	font-size: 0.9375rem;
	margin: 0.75rem 0;
}

/* 16: radio's en checkboxes in huisstijl */
.bb-main input[type="radio"], .bb-main input[type="checkbox"],
.woocommerce input[type="radio"], .woocommerce input[type="checkbox"] {
	accent-color: var(--wp--preset--color--ink);
	width: 1.05rem;
	height: 1.05rem;
}

/* 6: Select2-maat → één plek: ".bb-main .select2-container"-blok verderop */

/* ================================================================
   V2 — herontwerp product- & categoriepagina naar referentie
   (overschrijft eerdere waarden; cascade wint)
   ================================================================ */

/* --- Productpagina: compacte, gegroepeerde rechterkolom --- */
.bb-shop div.product {
	grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
	gap: clamp(2.5rem, 6vw, 5rem);
}
.bb-shop div.product .woocommerce-product-gallery { position: sticky; top: 100px; }
.bb-shop div.product .woocommerce-product-gallery__image {
	background: var(--wp--preset--color--surface);
	border: 0;
	border-radius: 14px;
	overflow: hidden;
}
.bb-shop div.product .woocommerce-product-gallery__image {
	aspect-ratio: 1 / 1;
}
.bb-shop div.product .woocommerce-product-gallery__image img {
	mix-blend-mode: multiply;
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.bb-shop div.product .flex-control-thumbs li {
	flex: 0 0 68px;
	border: 0;
	border-radius: 10px;
	background: var(--wp--preset--color--surface);
}
.bb-shop div.product .flex-control-thumbs img { mix-blend-mode: multiply; }

.bb-shop div.product .entry-summary { max-width: 480px; }
.bb-shop div.product .product_title {
	font-size: 1.75rem;
	line-height: 1.2;
	margin: 0 0 0.75rem;
}
.bb-shop div.product p.price { font-size: 1.375rem; margin: 0 0 0.5rem; }
.bb-shop div.product p.stock { margin: 0 0 0.5rem; font-size: 0.875rem; }

/* aantal + knop op één rij, knop niet paginabreed */
.bb-shop div.product form.cart {
	margin: 1.25rem 0;
	padding: 1.25rem 0;
	border-top: 1px solid var(--wp--preset--color--line);
	border-bottom: 1px solid var(--wp--preset--color--line);
	gap: 0.6rem;
}
.bb-shop div.product form.cart .qty {
	width: 4rem;
	min-height: 46px;
	border-radius: 8px;
}
.bb-shop div.product form.cart .single_add_to_cart_button {
	flex: 1 1 auto;
	min-height: 46px;
	padding: 0 1.75rem;
	border-radius: 8px;
}

/* staffeltabel exact even breed als de rest van de kolom, rustiger */
.bb-shop .b2bking_table, .bb-shop table.b2bking_tiered_table {
	width: 100%;
	max-width: 100%;
	margin: 0 0 1.25rem;
	border-radius: 10px;
}
.bb-shop .b2bking_table th, .bb-shop table.b2bking_tiered_table th { padding: 0.6rem 0.9rem; font-size: 0.6875rem; }
.bb-shop .b2bking_table td, .bb-shop table.b2bking_tiered_table td { padding: 0.6rem 0.9rem; font-size: 0.875rem; }

.bb-shop div.product .product_meta { margin-top: 0; border-top: 0; padding-top: 0; font-size: 0.8125rem; }
.bb-shop div.product .product_meta > span { display: block; margin-bottom: 0.25rem; }

/* tabs gecentreerd over volle breedte, zoals referentie */
.bb-shop div.product .woocommerce-tabs ul.tabs { justify-content: center; gap: 2.5rem; }
.bb-shop div.product .woocommerce-tabs .panel { margin: 0 auto; }

/* related: kop + zelfde kaarten */
.bb-shop div.product .related.products > h2 { font-size: 1.375rem; margin-bottom: 1rem; }

/* --- Kaarten: grijze fototegel (multiply, zonder padding = geen dubbel vierkant) --- */
.woocommerce ul.products li.product a img {
	background: var(--wp--preset--color--surface);
	border: 0;
	border-radius: 12px;
	object-fit: cover;
	padding: 0;
	mix-blend-mode: multiply;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 0.9375rem;
	font-weight: 500;
	margin: 0 0 0.2rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.woocommerce ul.products li.product .price { font-size: 1.0625rem; }

/* --- Categorie-/winkelkop: resultaat + sortering op één lijn --- */
.bb-shop .woocommerce-products-header__title { margin-bottom: 0.25rem; }
.bb-shop .woocommerce-result-count { margin: 0.65rem 0 0; }
.bb-shop .woocommerce-ordering { margin: 0; }

/* uitverkocht: tegel dempen werkt nu via de tegel zelf */
.woocommerce ul.products li.product.outofstock a img { opacity: 0.45; }

/* V2.1: tabel en form exact kolombreed, geen inline-afwijkingen */
.bb-shop div.product .entry-summary .b2bking_table,
.bb-shop div.product .entry-summary table.b2bking_tiered_table,
.bb-shop div.product .entry-summary table {
	width: 100% !important;
	max-width: 100% !important;
}
.bb-shop div.product form.cart { width: 100%; box-sizing: border-box; }
.woocommerce-product-gallery__trigger { display: none !important; }
.bb-shop div.product form.cart .single_add_to_cart_button { margin: 0; }
.bb-shop div.product form.cart .quantity { margin: 0; }

/* ============ V3 galerij: verticale thumbs naast compacte 1:1 foto ============ */
/* container terug naar 1200 (Woo-wrapper geeft alignwide 1400) */
.bb-shop div.product {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: minmax(0, 520px) minmax(0, 480px);
	justify-content: space-between;
	gap: 2rem;
}
/* offsetbug: geen sticky/top meer op de galerij */
.bb-shop div.product .woocommerce-product-gallery { position: relative; top: 0; }

/* galerij-grid: thumbs links (68px), hoofdfoto rechts */
.bb-shop div.product .woocommerce-product-gallery {
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
}
.bb-shop div.product .woocommerce-product-gallery .flex-viewport,
.bb-shop div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { grid-column: 2; grid-row: 1; }
.bb-shop div.product .flex-control-thumbs {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
}
.bb-shop div.product .flex-control-thumbs li { flex: 0 0 auto; width: 68px; }
.bb-shop div.product .flex-control-thumbs img { aspect-ratio: 1 / 1; object-fit: contain; width: 100%; }

@media (max-width: 900px) {
	.bb-shop div.product { grid-template-columns: 1fr; }
	.bb-shop div.product .woocommerce-product-gallery { grid-template-columns: 1fr; }
	.bb-shop div.product .flex-control-thumbs { grid-column: 1; grid-row: 2; flex-direction: row; }
	.bb-shop div.product .entry-summary { max-width: none; }
}

/* ============ V4 — gebalanceerde compositie exact naar referentie ============
   Galerij 560 / info 460 op 1200; foto vult zijn kolom; thumbs als rij eronder
   die de kolombreedte vult. Overschrijft V3. */
.bb-shop div.product {
	grid-template-columns: minmax(0, 560px) minmax(0, 460px);
	justify-content: space-between;
	gap: 3rem;
}
.bb-shop div.product .woocommerce-product-gallery {
	display: block;
	width: 100%;
}
.bb-shop div.product .woocommerce-product-gallery .flex-viewport,
.bb-shop div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { width: 100%; }
.bb-shop div.product .woocommerce-product-gallery__image { border-radius: 14px; }
.bb-shop div.product .flex-control-thumbs {
	display: flex;
	flex-direction: row;
	gap: 12px;
	margin: 12px 0 0;
	padding: 0;
}
.bb-shop div.product .flex-control-thumbs li {
	flex: 0 0 auto;
	width: calc((100% - 36px) / 4);
	background: var(--wp--preset--color--surface);
	border-radius: 12px;
	overflow: hidden;
}
.bb-shop div.product .flex-control-thumbs img { aspect-ratio: 1 / 1; object-fit: contain; width: 100%; opacity: 0.65; }
.bb-shop div.product .flex-control-thumbs img.flex-active,
.bb-shop div.product .flex-control-thumbs img:hover { opacity: 1; }
.bb-shop div.product .entry-summary { max-width: none; }

@media (max-width: 900px) {
	.bb-shop div.product { grid-template-columns: 1fr; }
}

/* V4.1: fototegels een tint dieper zodat ze als tegel lezen (foto's zijn zuiver wit) */
.woocommerce ul.products li.product a img,
.bb-shop div.product .woocommerce-product-gallery__image,
.bb-shop div.product .flex-control-thumbs li { background: #eef0f2; }

/* ================================================================
   CANVAS-BUILD — goedgekeurd ontwerp 2026-09-04 (artifact e6c95f3b)
   Productpagina: galerij 620 / summary 460, thumbs-rij 92px eronder,
   tabs links, beschrijving volle breedte. Overschrijft eerdere waarden.
   ================================================================ */
.bb-shop div.product {
	grid-template-columns: minmax(0, 620px) minmax(0, 460px);
	justify-content: space-between;
	gap: 48px;
}
.bb-shop div.product .woocommerce-product-gallery__image { border-radius: 16px; }
.bb-shop div.product .flex-control-thumbs { gap: 14px; margin-top: 14px; }
.bb-shop div.product .flex-control-thumbs li { flex: 0 0 92px; width: 92px; border-radius: 12px; }
.bb-shop div.product .flex-control-thumbs img { opacity: 0.7; }
.bb-shop div.product .flex-control-thumbs img.flex-active { opacity: 1; outline: 2px solid #0d0e12; outline-offset: -2px; border-radius: 12px; }

.bb-shop div.product .product_title { font-size: 30px; margin: 0 0 12px; }
.bb-shop div.product p.price { font-size: 26px; margin: 0 0 10px; }
.bb-shop div.product p.price del { font-size: 15px; }

/* tabs links uitgelijnd, beschrijving volle breedte (klantkeuze in canvas) */
.bb-shop div.product .woocommerce-tabs ul.tabs { justify-content: flex-start; gap: 40px; }
.bb-shop div.product .woocommerce-tabs .panel { max-width: none; margin: 0; }

/* aantal-stepper (- n +) zoals canvas; knoppen via bb.js */
.bb-qty-stepper { display: flex; align-items: center; border: 1px solid #e5e5e5; border-radius: 8px; background: #ffffff; }
.bb-qty-stepper button {
	width: 40px; height: 46px; border: 0; background: transparent; color: #6b6b6b;
	font-size: 18px; cursor: pointer; line-height: 1; padding: 0;
}
.bb-qty-stepper button:hover { color: var(--wp--preset--color--contrast); }
.bb-qty-stepper .qty {
	width: 3rem !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important;
	padding: 0 !important;
	text-align: center; font-size: 15px; font-weight: 500; background: transparent !important;
	-moz-appearance: textfield; appearance: textfield;
}
.bb-qty-stepper .qty::-webkit-outer-spin-button, .bb-qty-stepper .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.bb-shop div.product form.cart div.quantity { border: 0; }

/* kaarten: prijsregel-typografie exact naar canvas */
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px; font-weight: 500; }
.woocommerce ul.products li.product .price { font-size: 16px; font-weight: 700; }
.woocommerce ul.products li.product .price del { font-size: 13px; }
.woocommerce ul.products li.product .price .woocommerce-price-suffix { font-size: 12px; }

/* categoriekop naar canvas */
.bb-shop .woocommerce-products-header__title { font-size: 38px; font-weight: 800; }

/* CANVAS-FIJNSLIJP 2 (kritische ronde): zichtbare tegels, canvas-maten */
.woocommerce ul.products li.product a img,
.bb-shop div.product .woocommerce-product-gallery__image,
.bb-shop div.product .flex-control-thumbs li { background: var(--wp--preset--color--surface-deep); }
.bb-shop div.product .product_title { font-weight: 700; }
.bb-shop div.product p.stock { font-size: 14px; }
.bb-shop div.product form.cart .qty { min-height: 0; }
.bb-qty-stepper { height: 48px; }
.bb-qty-stepper button { height: 46px; }
.bb-shop div.product form.cart .single_add_to_cart_button { min-height: 48px; padding: 0 1.6rem; }

/* CANVAS-FIJNSLIJP 3: tegel gegarandeerd zichtbaar — product in de tegel met ademruimte */
.woocommerce ul.products li.product a img {
	object-fit: contain;
	padding: 7%;
	box-sizing: border-box;
	background: var(--wp--preset--color--surface-deep);
}
.bb-shop div.product .woocommerce-product-gallery__image img {
	object-fit: contain;
	padding: 4%;
	box-sizing: border-box;
}

/* CANVAS-FIJNSLIJP 4: de echte tegel — foto blendt tegen de tile-div */
.bb-card-tile {
	background: var(--wp--preset--color--surface-deep);
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	margin-bottom: 0.85rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.woocommerce ul.products li.product .bb-card-tile img {
	background: none;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 7%;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
}
.woocommerce ul.products li.product.outofstock .bb-card-tile img { opacity: 0.5; }

/* Meetronde: ademruimte onder CTA-rij, minder lucht boven gerelateerde producten */
.bb-shop div.product form.cart { padding: 20px 0 26px; margin: 20px 0; }
.bb-shop div.product .woocommerce-tabs { padding-top: 48px; }
.bb-shop div.product .related.products, .bb-shop div.product .upsells.products { padding-top: 40px; }
.bb-shop div.product .related.products > h2 { margin: 0 0 20px; }
/* Meetronde: breadcrumb op de 1200px content-lijn */
.bb-shop .woocommerce-breadcrumb { max-width: 1200px; margin-left: auto; margin-right: auto; }
/* Meetronde 2: ladder ademt onder de CTA; related dichter op de beschrijving */
.bb-shop div.product form.cart table.b2bking_tiered_price_table { margin-top: 24px; }
.bb-shop div.product .related.products, .bb-shop div.product .upsells.products { margin-top: 0; padding-top: 16px; }
.bb-shop div.product .woocommerce-tabs { padding-top: 0; }
.bb-shop div.product .woocommerce-tabs ul.tabs { margin-top: 16px; }
.bb-shop div.product .woocommerce-product-gallery { margin-bottom: 0 !important; }
/* Meetronde: archief-elementen op de 1200px content-lijn (Woo-wrapper is wide 1400) */
.bb-shop .woocommerce-products-header,
.bb-shop ul.products,
.bb-shop nav.woocommerce-pagination,
.bb-shop .woocommerce-notices-wrapper,
.bb-shop .term-description { max-width: 1200px; margin-left: auto; margin-right: auto; }
.bb-shop .woocommerce-result-count { margin-left: max(0px, calc((100% - 1200px) / 2)); }
.bb-shop .woocommerce-ordering { margin-right: max(0px, calc((100% - 1200px) / 2)); }
/* Fijnslijp: meer lucht tussen hoofdfoto en thumbnails */
.bb-shop div.product .flex-control-thumbs { margin-top: 24px; gap: 16px; }
/* Woo core (div.images .flex-control-thumbs{margin:0}) is specifieker — daarom hier zwaarder */
.bb-shop div.product div.images .flex-control-thumbs,
.bb-shop div.product .woocommerce-product-gallery .flex-control-thumbs { margin-top: 24px !important; }

/* ================================================================
   SHOPFLOW — canvas-akkoord 2026-09-04 (winkelwagen / afrekenen / bedankt / minicart)
   ================================================================ */

/* ---------- Winkelwagen ---------- */
.woocommerce-cart .bb-main .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; align-items: start; max-width: 1200px; margin: 0 auto; }
.woocommerce-cart .bb-main .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.woocommerce-cart table.shop_table.cart { border: 0; border-radius: 0; margin: 0; }
.woocommerce-cart table.cart th { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--muted); border-bottom: 1px solid var(--wp--preset--color--line); padding: 0 12px 12px 0; background: none; }
.woocommerce-cart table.cart td { border-top: 0; border-bottom: 1px solid var(--wp--preset--color--line); padding: 24px 12px 24px 0; background: none; vertical-align: middle; }
.woocommerce-cart table.cart td.product-thumbnail { width: 88px; }
.woocommerce-cart table.cart td.product-thumbnail a { display: flex; width: 88px; height: 88px; background: var(--wp--preset--color--surface-deep); border-radius: 12px; align-items: center; justify-content: center; overflow: hidden; }
.woocommerce-cart table.cart td.product-thumbnail img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 7%; box-sizing: border-box; margin: 0; }
.woocommerce-cart table.cart td.product-name { font-size: 15px; font-weight: 600; }
.woocommerce-cart table.cart td.product-name a { text-decoration: none; }
.woocommerce-cart table.cart td.product-price, .woocommerce-cart table.cart td.product-subtotal { font-size: 15px; font-weight: 700; white-space: nowrap; }
.woocommerce-cart table.cart td.product-remove { width: 28px; }
.woocommerce-cart table.cart a.remove { color: var(--wp--preset--color--muted-soft) !important; font-size: 22px; font-weight: 400; width: 28px; height: 28px; line-height: 26px; border-radius: 6px; }
.woocommerce-cart table.cart a.remove:hover { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--contrast) !important; }
/* stepper in cart (bb.js wraps .qty) */
.woocommerce-cart table.cart .quantity { margin: 0; }
/* onderste rij: coupon + update */
.woocommerce-cart table.cart td.actions { padding: 20px 0 0; border-bottom: 0; }
.woocommerce-cart table.cart td.actions .coupon { display: inline-flex; gap: 10px; float: none; }
.woocommerce-cart table.cart td.actions .coupon .input-text { width: 180px; border: 1px solid var(--wp--preset--color--line); background: var(--wp--preset--color--surface); border-radius: 8px; padding: 0.6rem 0.8rem; font-size: 14px; }
.woocommerce-cart table.cart td.actions .button { background: transparent; color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--line); border-radius: 8px; padding: 0.6rem 1.1rem; font-size: 14px; font-weight: 600; }
.woocommerce-cart table.cart td.actions .button:hover { background: var(--wp--preset--color--surface); }
/* summary-kaart — margin-top 80px per canvas-edit Quincy */
.woocommerce-cart .cart-collaterals { width: auto; }
.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; float: none; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 28px; margin-top: 80px; }
.woocommerce-cart .cart_totals h2 { display: none; }
.woocommerce-cart .cart_totals table.shop_table { border: 0; margin: 0 0 6px; }
.woocommerce-cart .cart_totals th, .woocommerce-cart .cart_totals td { border: 0; padding: 7px 0; font-size: 14px; background: none; }
.woocommerce-cart .cart_totals th { font-weight: 400; color: var(--wp--preset--color--muted); width: 50%; }
.woocommerce-cart .cart_totals td { text-align: right; font-weight: 600; }
.woocommerce-cart .cart_totals .order-total th, .woocommerce-cart .cart_totals .order-total td { padding-top: 16px; border-top: 1px solid var(--wp--preset--color--line); }
.woocommerce-cart .cart_totals .order-total th { font-size: 15px; font-weight: 600; color: var(--wp--preset--color--contrast); }
.woocommerce-cart .cart_totals .order-total td { font-size: 22px; font-weight: 800; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; }
.woocommerce-cart .wc-proceed-to-checkout { padding: 8px 0 0; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); border-radius: 8px; height: 48px; font-size: 15px; font-weight: 600; padding: 0; margin: 0; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: #2a2c33; }

/* ---------- Afrekenen ---------- */
.woocommerce-checkout .bb-main form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 48px; align-items: start; max-width: 1200px; margin: 0 auto; }
.woocommerce-checkout form.checkout .col2-set { width: auto; float: none; display: flex; flex-direction: column; gap: 24px; }
.woocommerce-checkout form.checkout .col2-set .col-1, .woocommerce-checkout form.checkout .col2-set .col-2 { width: auto; float: none; border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 28px; }
.woocommerce-checkout form.checkout .col2-set .col-2:empty { display: none; }
.woocommerce-checkout form.checkout h3 { font-size: 18px; font-weight: 700; margin: 0 0 20px; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; }
.woocommerce-checkout form.checkout .form-row label { font-size: 13px; font-weight: 500; margin-bottom: 6px; }
.woocommerce-checkout form.checkout .form-row { margin-bottom: 14px; }
#order_review_heading { display: none; }
.woocommerce-checkout form.checkout #order_review { border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 28px; background: var(--wp--preset--color--base); }
.woocommerce-checkout #order_review::before { content: "Jouw bestelling"; display: block; font-size: 18px; font-weight: 700; margin-bottom: 20px; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; }
.woocommerce-checkout #order_review table.shop_table { border: 0; margin: 0; }
.woocommerce-checkout #order_review th, .woocommerce-checkout #order_review td { border: 0; padding: 8px 0; font-size: 14px; background: none; }
.woocommerce-checkout #order_review thead th { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--muted); border-bottom: 1px solid var(--wp--preset--color--line); padding-bottom: 10px; }
.woocommerce-checkout #order_review tbody td { border-bottom: 1px solid var(--wp--preset--color--line-soft); padding: 12px 0; }
.woocommerce-checkout #order_review td.product-total, .woocommerce-checkout #order_review tfoot td { text-align: right; font-weight: 600; }
.woocommerce-checkout #order_review tfoot th { font-weight: 400; color: var(--wp--preset--color--muted); }
.woocommerce-checkout #order_review .order-total th { font-size: 15px; font-weight: 600; color: var(--wp--preset--color--contrast); }
.woocommerce-checkout #order_review .order-total td { font-size: 22px; font-weight: 800; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; border-top: 1px solid var(--wp--preset--color--line); }
/* betaalmethodes */
.woocommerce-checkout #payment { background: none; border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 0; padding: 14px 0 0; display: flex; flex-direction: column; gap: 12px; }
.woocommerce-checkout #payment ul.payment_methods li { border: 1px solid var(--wp--preset--color--line); border-radius: 8px; padding: 14px 16px; }
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) { border-color: var(--wp--preset--color--ink); }
.woocommerce-checkout #payment ul.payment_methods li label { font-size: 14px; font-weight: 600; }
.woocommerce-checkout #payment div.payment_box { background: var(--wp--preset--color--surface); border-radius: 8px; font-size: 13px; }
.woocommerce-checkout #payment div.payment_box::before { display: none; }
.woocommerce-checkout #payment div.form-row.place-order { padding: 16px 0 0; }
.woocommerce-checkout #payment button#place_order { width: 100%; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); border: 0; border-radius: 8px; height: 48px; font-size: 15px; font-weight: 600; }
.woocommerce-checkout #payment button#place_order:hover { background: #2a2c33; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { font-size: 12px; color: var(--wp--preset--color--muted); }
/* verzendmethodes in review */
.woocommerce-checkout #order_review ul#shipping_method li { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }

/* ---------- Bedankpagina ---------- */
.woocommerce-order-received .bb-main .woocommerce { max-width: 680px; margin: 0 auto; border: 1px solid var(--wp--preset--color--line); border-radius: 16px; padding: 44px 48px; }
.woocommerce-order-received .woocommerce-thankyou-order-received { text-align: center; font-size: 24px; font-weight: 800; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; margin: 0 0 24px; padding: 74px 0 28px; border-bottom: 1px dashed var(--wp--preset--color--line); position: relative; }
.woocommerce-order-received .woocommerce-thankyou-order-received::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 56px; height: 56px; border: 2.5px solid #2e7d4f; border-radius: 50%; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232e7d4f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m5 13 4 4 10-10"/></svg>') center / 28px no-repeat; }
.woocommerce-order-received ul.woocommerce-order-overview { display: block; margin: 0 0 8px; padding: 0; }
.woocommerce-order-received ul.woocommerce-order-overview li { float: none; width: auto; border: 0; border-bottom: 1px dashed var(--wp--preset--color--line); padding: 18px 0; margin: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--wp--preset--color--muted); }
.woocommerce-order-received ul.woocommerce-order-overview li strong { display: block; font-size: 14px; text-transform: none; letter-spacing: 0; color: var(--wp--preset--color--contrast); margin-top: 5px; font-weight: 600; }
.woocommerce-order-received .woocommerce-order-details h2, .woocommerce-order-received .woocommerce-customer-details h2 { font-size: 16px; font-weight: 700; margin: 24px 0 12px; }
.woocommerce-order-received table.shop_table { border: 0; margin: 0; }
.woocommerce-order-received table.shop_table th, .woocommerce-order-received table.shop_table td { border: 0; border-bottom: 1px dashed var(--wp--preset--color--line); padding: 12px 0; font-size: 14px; background: none; }
.woocommerce-order-received table.shop_table tfoot th { font-weight: 400; color: var(--wp--preset--color--muted); }
.woocommerce-order-received table.shop_table tfoot td { text-align: right; font-weight: 600; }
.woocommerce-order-received .woocommerce-customer-details address { border: 0; padding: 0; font-size: 14px; line-height: 1.8; color: var(--wp--preset--color--muted); }

/* ---------- Mini-cart drawer (Woo blocks) ---------- */
.wc-block-mini-cart__drawer { max-width: 420px; }
.wc-block-mini-cart__drawer .components-modal__content { padding: 0; }
.wp-block-woocommerce-mini-cart-title-block { padding: 22px 28px; border-bottom: 1px solid var(--wp--preset--color--line); font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; font-weight: 800; font-size: 18px; }
.wp-block-woocommerce-mini-cart-items-block { padding: 0 28px; }
.wc-block-mini-cart-items .wc-block-cart-items__row { padding: 20px 0; border-bottom: 1px solid var(--wp--preset--color--line-soft); }
.wc-block-cart-items__row .wc-block-cart-item__image { width: 76px; }
.wc-block-cart-items__row .wc-block-cart-item__image a { display: flex; width: 76px; height: 76px; background: var(--wp--preset--color--surface-deep); border-radius: 10px; align-items: center; justify-content: center; overflow: hidden; }
.wc-block-cart-items__row .wc-block-cart-item__image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 7%; box-sizing: border-box; }
.wc-block-cart-item__prices { font-weight: 700; }
.wc-block-components-product-name { font-size: 14px; font-weight: 600; color: var(--wp--preset--color--contrast); }
.wp-block-woocommerce-mini-cart-footer-block { border-top: 1px solid var(--wp--preset--color--line); padding: 22px 28px 26px; }
.wc-block-mini-cart__footer .wc-block-components-totals-item { margin-bottom: 4px; }
.wc-block-mini-cart__footer .wc-block-components-totals-item__label { font-size: 15px; font-weight: 600; }
.wc-block-mini-cart__footer .wc-block-components-totals-item__value { font-size: 20px; font-weight: 800; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; }
.wc-block-mini-cart__footer-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.wc-block-mini-cart__footer-actions .wc-block-components-button { border-radius: 8px; height: 48px; font-size: 15px; font-weight: 600; }
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-checkout { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); }
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-checkout:hover { background: #2a2c33; }
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart { background: transparent; border: 1px solid var(--wp--preset--color--line); color: var(--wp--preset--color--contrast); }
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart:hover { background: var(--wp--preset--color--surface); }

@media (max-width: 980px) {
	.woocommerce-cart .bb-main .woocommerce, .woocommerce-checkout .bb-main form.checkout { grid-template-columns: 1fr; }
	.woocommerce-cart .cart-collaterals .cart_totals { margin-top: 0; }
	.woocommerce-order-received .bb-main .woocommerce { padding: 28px 22px; }
}
/* cart-grid: meldingen over de volle breedte, form links, summary rechts */
.woocommerce-cart .bb-main .woocommerce > * { grid-column: 1 / -1; }
.woocommerce-cart .bb-main .woocommerce > form.woocommerce-cart-form { grid-column: 1; }
.woocommerce-cart .bb-main .woocommerce > .cart-collaterals { grid-column: 2; }
.woocommerce-cart .cart_totals table.shop_table th { background: none !important; text-transform: none; letter-spacing: 0; }
.bb-shop .bb-page-title { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; }
/* Woo blocktheme klemt .woocommerce op 1000px — terug naar de 1200-lijn (bedankpagina houdt 680) */
.bb-main .entry-content > .woocommerce { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; }
.woocommerce-order-received .bb-main .entry-content > .woocommerce { max-width: 680px !important; }
/* radio's: leeg = open ring, geselecteerd = dikke inkt-ring (zoals canvas) */
.woocommerce-checkout #payment ul.payment_methods input[type="radio"],
.woocommerce-checkout #order_review ul#shipping_method input[type="radio"] {
	appearance: none; -webkit-appearance: none;
	width: 18px; height: 18px; margin: 0 6px 0 0;
	border: 1.5px solid #c4c7cc; border-radius: 50%;
	background: var(--wp--preset--color--base);
	vertical-align: middle; box-sizing: border-box; cursor: pointer;
}
.woocommerce-checkout #payment ul.payment_methods input[type="radio"]:checked,
.woocommerce-checkout #order_review ul#shipping_method input[type="radio"]:checked {
	border: 5px solid var(--wp--preset--color--ink);
}
/* ---------- Bedankpagina (block-template order-confirmation) ---------- */
.bb-order-card { max-width: 680px; margin: 0 auto; border: 1px solid var(--wp--preset--color--line); border-radius: 16px; padding: 44px 48px; }
.bb-order-card .wc-block-order-confirmation-status { text-align: center; padding: 74px 0 24px; border-bottom: 1px dashed var(--wp--preset--color--line); margin-bottom: 8px; position: relative; }
.bb-order-card .wc-block-order-confirmation-status::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 56px; height: 56px; border: 2.5px solid #2e7d4f; border-radius: 50%; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232e7d4f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m5 13 4 4 10-10"/></svg>') center / 28px no-repeat; box-sizing: border-box; }
.bb-order-card .wc-block-order-confirmation-status h1,
.bb-order-card .wc-block-order-confirmation-status p:first-child { font-size: 24px; font-weight: 800; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; margin: 0 0 10px; }
.bb-order-card .wc-block-order-confirmation-status p { font-size: 14px; color: var(--wp--preset--color--muted); margin: 0; }
.bb-order-card .wc-block-order-confirmation-summary { margin: 0; padding: 0; }
.bb-order-card .wc-block-order-confirmation-summary-list { display: block; padding: 0; margin: 0; border: 0; }
.bb-order-card .wc-block-order-confirmation-summary-list-item { display: flex; justify-content: space-between; align-items: baseline; border: 0; border-bottom: 1px dashed var(--wp--preset--color--line); padding: 16px 0; margin: 0; }
.bb-order-card .wc-block-order-confirmation-summary-list-item__key { font-size: 14px; font-weight: 700; }
.bb-order-card .wc-block-order-confirmation-summary-list-item__value { font-size: 14px; color: var(--wp--preset--color--muted); }
.bb-order-card .wc-block-order-confirmation-totals table.wc-block-order-confirmation-totals__table,
.bb-order-card .wc-block-order-confirmation-totals table { border: 0; margin: 0; width: 100%; }
.bb-order-card .wc-block-order-confirmation-totals th, .bb-order-card .wc-block-order-confirmation-totals td { border: 0; border-bottom: 1px dashed var(--wp--preset--color--line); padding: 12px 0; font-size: 14px; background: none; }
.bb-order-card .wc-block-order-confirmation-totals thead th { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.bb-order-card .wc-block-order-confirmation-totals td:last-child, .bb-order-card .wc-block-order-confirmation-totals th:last-child { text-align: right; }
.bb-order-card .wc-block-order-confirmation-totals tfoot th { font-weight: 400; color: var(--wp--preset--color--muted); }
.bb-order-card .wc-block-order-confirmation-totals tfoot tr:last-child th { font-weight: 700; color: var(--wp--preset--color--contrast); font-size: 15px; }
.bb-order-card .wc-block-order-confirmation-totals tfoot tr:last-child td { font-size: 22px; font-weight: 800; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; border-bottom: 0; }
.bb-order-card .bb-order-addresses { margin-top: 20px; gap: 24px; }
.bb-order-card .bb-order-addresses h2, .bb-order-card h2 { font-size: 16px; font-weight: 700; margin: 0 0 10px; }
.bb-order-card address { font-style: normal; font-size: 14px; line-height: 1.8; color: var(--wp--preset--color--muted); }
.bb-order-actions { margin-top: 28px; }
.bb-order-actions .bbc-btn { width: 100%; box-sizing: border-box; height: 48px; padding: 0; }
@media (max-width: 700px) { .bb-order-card { padding: 28px 22px; } }
/* minicart-fijnslijp: rustige rijen zoals canvas */
.wc-block-mini-cart__drawer .wc-block-mini-cart__title { font-size: 18px; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; font-weight: 800; display: flex; align-items: baseline; gap: 6px; flex-wrap: nowrap; white-space: nowrap; padding: 22px 28px 0; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__title span { font-size: 18px; }
/* beschrijving + bespaar-badges verbergen (design: naam, prijs, stepper) */
.wc-block-mini-cart__drawer .wc-block-components-product-metadata,
.wc-block-mini-cart__drawer .wc-block-components-product-badge,
.wc-block-mini-cart__drawer .wc-block-components-sale-badge { display: none !important; }
/* fototegels ook voor td-gebaseerde rijen */
.wc-block-mini-cart__drawer td.wc-block-cart-item__image a,
.wc-block-mini-cart__drawer .wc-block-cart-item__image a { display: flex; width: 76px; height: 76px; background: var(--wp--preset--color--surface-deep); border-radius: 10px; align-items: center; justify-content: center; overflow: hidden; }
.wc-block-mini-cart__drawer td.wc-block-cart-item__image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 7%; box-sizing: border-box; }
.wc-block-mini-cart__drawer table.wc-block-cart-items, .wc-block-mini-cart__drawer table.wc-block-cart-items td { border: 0; background: none; }
.wc-block-mini-cart__drawer .wc-block-cart-items__row td { border-bottom: 1px solid var(--wp--preset--color--line-soft); padding: 20px 0; }
.wc-block-mini-cart__drawer .wc-block-cart-item__remove-link { font-size: 13px; color: var(--wp--preset--color--muted); text-decoration: underline; }
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector { border: 1px solid var(--wp--preset--color--line); border-radius: 8px; }
/* drawer-structuur: titel / scrollende items / footer netjes onder elkaar */
.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents { display: flex; flex-direction: column; height: 100%; padding: 0; box-sizing: border-box; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__title { position: static; margin: 0 0 6px; padding: 22px 28px 16px; border-bottom: 1px solid var(--wp--preset--color--line); }
.wc-block-mini-cart__drawer .wc-block-mini-cart__items { position: static; flex: 1 1 auto; overflow-y: auto; margin: 0; padding: 0 28px; }
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer { position: static; margin-top: auto; }

/* ================================================================
   PIXELRONDE shopflow — 1-op-1 met canvas (2026-09-04)
   ================================================================ */

/* ---------- Winkelwagen (nieuwe cart.php: 3 kolommen) ---------- */
.bb-cart-table thead th { padding: 0 0 12px; }
.bb-cart-table th.product-quantity { text-align: center; width: 180px; }
.bb-cart-table th.product-subtotal { text-align: right; width: 140px; }
.bb-cart-table td { padding: 24px 0; }
.bb-cart-product { display: flex; align-items: center; gap: 18px; }
.bb-cart-tile { width: 88px; height: 88px; background: var(--wp--preset--color--surface-deep); border-radius: 12px; display: flex; align-items: center; justify-content: center; overflow: hidden; flex: 0 0 auto; }
.bb-cart-tile img { width: 100% !important; height: 100% !important; object-fit: contain; mix-blend-mode: multiply; padding: 7%; box-sizing: border-box; margin: 0 !important; border: 0; }
.bb-cart-title { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.bb-cart-title a { text-decoration: none; }
.bb-cart-unit { font-size: 13px; color: var(--wp--preset--color--muted); margin-bottom: 6px; }
.bb-cart-unit del { display: none; }
.bb-cart-unit-sale { color: #2e7d4f; }
.bb-cart-unit .amount { color: inherit; font-weight: inherit; }
a.bb-cart-remove { font-size: 13px; color: var(--wp--preset--color--muted) !important; text-decoration: underline; background: none !important; width: auto !important; height: auto !important; }
.bb-cart-table td.product-quantity { text-align: center; }
.bb-cart-table td.product-quantity .quantity { display: inline-flex; }
.bb-cart-table td.product-subtotal { text-align: right; font-size: 16px; font-weight: 700; }
/* stepper: compact als canvas (– 36px | waarde 44px | + 36px, hoogte 44) */
.bb-cart-table .bb-qty-stepper { height: 44px; }
.bb-cart-table .bb-qty-stepper button { width: 36px; min-width: 36px; padding: 0; font-size: 16px; }
.bb-cart-table .bb-qty-stepper input.qty { width: 44px; min-width: 44px; padding: 0; font-size: 15px; font-weight: 600; }
/* onderste actieregel */
.bb-cart-table td.actions { padding: 24px 0 0; }
.bb-cart-actions { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.bb-cart-continue { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; text-decoration: none; }
.bb-cart-actions-right { display: flex; gap: 10px; align-items: center; }
.bb-cart-actions-right .coupon { display: inline-flex; gap: 10px; }
.bb-cart-actions-right .coupon .input-text { width: 170px; border: 1px solid var(--wp--preset--color--line); background: var(--wp--preset--color--surface); border-radius: 8px; padding: 0 14px; height: 42px; font-size: 14px; box-sizing: border-box; }
.bb-cart-actions-right .button { background: transparent !important; color: var(--wp--preset--color--contrast) !important; border: 1px solid var(--wp--preset--color--line) !important; border-radius: 8px; height: 42px; padding: 0 16px; font-size: 14px; font-weight: 600; }
.bb-cart-actions-right .button:hover { background: var(--wp--preset--color--surface) !important; }
.bb-cart-actions-right .button:disabled { opacity: 0.45; }
.bb-cart-exvat { text-align: right; font-size: 13px; color: var(--wp--preset--color--muted); margin-top: 14px; }
/* summary-kaart: geen extra marge meer (wens Quincy) */
.woocommerce-cart .cart-collaterals .cart_totals { margin-top: 0; }

/* ---------- Afrekenen: layout + kaarten ---------- */
.woocommerce-checkout .bb-page-title { display: none; }
.bb-checkout-crumb { max-width: 1200px; margin: 0 auto 24px; font-size: 13px; color: var(--wp--preset--color--muted); }
.bb-checkout-crumb a { color: var(--wp--preset--color--muted); text-decoration: none; }
.bb-checkout-crumb a:hover { color: var(--wp--preset--color--contrast); }
.bb-checkout-crumb span { margin: 0 6px; }
.bb-checkout-crumb strong { color: var(--wp--preset--color--contrast); font-weight: 600; }
/* geen waardebon-blok op de afrekenpagina (zit al in de winkelwagen) */
.woocommerce-checkout .woocommerce-form-coupon-toggle, .woocommerce-checkout form.checkout_coupon { display: none !important; }
/* grid: links details + betaalkaart, rechts overzicht over de rijen heen */
.woocommerce-checkout .bb-main form.checkout { grid-template-rows: auto auto 1fr; }
.woocommerce-checkout form.checkout .col2-set { grid-column: 1; grid-row: 1; }
.woocommerce-checkout .bb-checkout-payment-card { grid-column: 1; grid-row: 2; border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 28px; }
.woocommerce-checkout .bb-checkout-payment-card > h3 { font-size: 18px; font-weight: 700; margin: 0 0 6px; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; }
.woocommerce-checkout form.checkout #order_review { grid-column: 2; grid-row: 1 / span 3; align-self: start; }
/* review: productrijen met tegel */
.bb-review-product { display: flex; gap: 14px; align-items: center; }
.bb-review-tile { width: 64px; height: 64px; background: var(--wp--preset--color--surface-deep); border-radius: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; flex: 0 0 auto; }
.bb-review-tile img { width: 100% !important; height: 100% !important; object-fit: contain; mix-blend-mode: multiply; padding: 7%; box-sizing: border-box; margin: 0 !important; }
.bb-review-name { font-size: 14px; font-weight: 600; line-height: 1.4; }
.bb-review-qty { font-size: 13px; color: var(--wp--preset--color--muted); margin-top: 3px; }
.bb-review-qty del { display: none; }
.bb-review-table tbody td { vertical-align: middle; }
.bb-review-table tbody td.product-total { text-align: right; font-weight: 700; font-size: 14px; white-space: nowrap; }
/* totalen zonder uppercase/achtergrond */
.woocommerce-checkout #order_review th { background: none !important; text-transform: none; letter-spacing: 0; font-size: 14px; }
.woocommerce-checkout #order_review tfoot th { font-weight: 400; color: var(--wp--preset--color--muted); }
.woocommerce-checkout #order_review .shipping td, .woocommerce-checkout #order_review .shipping th { font-weight: 400; }
.woocommerce-checkout #order_review .shipping td { text-align: right; font-weight: 600; color: var(--wp--preset--color--contrast); }
/* betaalkaart binnenwerk */
.bb-checkout-payment-card #payment ul.payment_methods { padding-top: 8px; }
.bb-checkout-payment-card .wc_payment_method > label { display: flex; align-items: center; gap: 10px; }
.bb-checkout-payment-card .wc_payment_method > label img { max-height: 24px; width: auto; }
/* place-order in de overzicht-kaart (verplaatst via bb.js) */
.bb-place-order-slot .form-row.place-order { padding: 16px 0 0; margin: 0; }
.bb-place-order-slot button#place_order { width: 100%; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); border: 0; border-radius: 8px; height: 48px; font-size: 15px; font-weight: 600; }
.bb-place-order-slot button#place_order:hover { background: #2a2c33; }
.bb-place-order-slot .woocommerce-terms-and-conditions-wrapper { font-size: 12px; color: var(--wp--preset--color--muted); margin-bottom: 12px; }

/* notices neutraal (geen blauw) */
.bb-shop .woocommerce-info, .bb-shop .woocommerce-message {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-top: 1px solid var(--wp--preset--color--line);
	border-radius: 10px;
	color: var(--wp--preset--color--contrast);
	padding: 14px 18px 14px 44px;
}
.bb-shop .woocommerce-info::before, .bb-shop .woocommerce-message::before { color: var(--wp--preset--color--contrast); top: 14px; left: 18px; }
.bb-shop .woocommerce-info a, .bb-shop .woocommerce-message a { color: var(--wp--preset--color--contrast); }

/* ---------- Minicart drawer: rustige rijen ---------- */
.wc-block-mini-cart__drawer .wc-block-components-product-price del,
.wc-block-mini-cart__drawer .wc-block-components-product-price__regular { display: none !important; }
.wc-block-mini-cart__drawer .wc-block-components-product-price { font-size: 13px; color: var(--wp--preset--color--muted); font-weight: 400; }
.wc-block-mini-cart__drawer .wc-block-cart-item__total { font-size: 14px; font-weight: 700; }
.wc-block-mini-cart__drawer .wc-block-cart-item__total .wc-block-components-product-price { font-size: 14px; color: var(--wp--preset--color--contrast); font-weight: 700; }
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector { width: 116px; height: 36px; margin: 10px 0 0; }
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector input { font-size: 14px; font-weight: 600; }
.wc-block-mini-cart__drawer .wc-block-cart-item__remove-link { margin-top: 8px; display: inline-block; }
.wc-block-mini-cart__drawer .wc-block-cart-items__row { display: flex; gap: 16px; align-items: flex-start; }
.wc-block-mini-cart__drawer .wc-block-cart-items__row td { border-bottom: 0; padding: 0; }
.wc-block-mini-cart__drawer .wc-block-cart-items__row { border-bottom: 1px solid var(--wp--preset--color--line-soft); padding: 20px 0; }
.wc-block-mini-cart__drawer td.wc-block-cart-item__product { flex: 1; }
.wc-block-mini-cart__drawer td.wc-block-cart-item__total { margin-left: auto; }

/* ---------- Fallback cart-icoon (mini-cart block rendert niet op cart/checkout) ---------- */
.bb-cart-fallback { display: none; color: var(--wp--preset--color--contrast) !important; line-height: 0; }
.woocommerce-cart .bb-cart-fallback, .woocommerce-checkout .bb-cart-fallback { display: inline-flex; }

/* breakpoint lager zodat zoom-schermen 2 kolommen houden */
@media (min-width: 861px) and (max-width: 980px) {
	.woocommerce-cart .bb-main .woocommerce { grid-template-columns: minmax(0, 1fr) 320px; }
	.woocommerce-checkout .bb-main form.checkout { grid-template-columns: minmax(0, 1fr) 340px; }
}
@media (max-width: 860px) {
	.woocommerce-checkout .bb-checkout-payment-card, .woocommerce-checkout form.checkout .col2-set, .woocommerce-checkout form.checkout #order_review { grid-column: 1; grid-row: auto; }
}
/* pixelronde 2: cart-tabel vult zijn kolom; nette labels */
.bb-cart-table { width: 100%; }
.bb-cart-table td.product-name { width: auto; }
.bb-cart-unit { white-space: nowrap; }
.woocommerce-cart .cart_totals .woocommerce-shipping-destination,
.woocommerce-cart .cart_totals .woocommerce-shipping-calculator { display: none; }
.woocommerce-cart .cart_totals .tax-total th, .woocommerce-cart .cart_totals .tax-rate th { text-transform: capitalize; }
/* Woo blocktheme zet shop_table op 70% — cart-tabel moet zijn kolom vullen */
.woocommerce-page table.bb-cart-table, table.bb-cart-table { width: 100% !important; }
.woocommerce-cart .cart_totals tr.tax-total th { text-transform: capitalize; }
/* verzendbedrag rechts; btw-label netjes; admin-only meldingen niet in de kaartflow */
.woocommerce-checkout #order_review ul#shipping_method { margin: 0; padding: 0; list-style: none; }
.woocommerce-checkout #order_review ul#shipping_method li { display: flex; justify-content: flex-end; margin: 0; }
.woocommerce-checkout #order_review ul#shipping_method li label { font-weight: 600; }
.woocommerce-checkout #order_review tr.tax-total th { text-transform: capitalize; }

/* ================================================================
   PIXELRONDE 3 (feedback Quincy)
   ================================================================ */
/* header identiek op cart/checkout: Woo rendert het mini-cart-icoon daar hidden — gewoon tonen */
.woocommerce-cart .wp-block-woocommerce-mini-cart[style*="visibility:hidden"],
.woocommerce-checkout .wp-block-woocommerce-mini-cart[style*="visibility:hidden"],
.woocommerce-cart .wp-block-woocommerce-mini-cart, .woocommerce-checkout .wp-block-woocommerce-mini-cart { visibility: visible !important; }
.woocommerce-cart .wc-block-mini-cart__button[disabled], .woocommerce-checkout .wc-block-mini-cart__button[disabled] { opacity: 1; cursor: pointer; }
.bb-header .wc-block-mini-cart__badge:empty { display: none; }
.bb-cart-fallback { display: none !important; }

/* afrekenen: geen randje om #payment zelf (de methode-rijen houden hun eigen kaartranden) */
.woocommerce-checkout #payment, .woocommerce #payment { border: 0 !important; box-shadow: none; }

/* besteloverzicht-tabel vult de kaart (zelfde 70%-regel van Woo als bij de cart) */
.woocommerce-page table.bb-review-table, table.bb-review-table { width: 100% !important; }

/* winkelwagen-summary: geen lijntjes onder de rijen — alleen de lijn boven Totaal (canvas) */
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td { border: 0 !important; }
.woocommerce-cart .cart_totals table.shop_table .order-total th,
.woocommerce-cart .cart_totals table.shop_table .order-total td { border-top: 1px solid var(--wp--preset--color--line) !important; }
/* land-dropdown (select2): maatvoering staat in het ".bb-main .select2-container"-blok verderop
   (.bb-shop zit op hetzelfde element als .bb-main, dus dat blok dekt ook cart/checkout) */
.select2-search--dropdown .select2-search__field { border: 1px solid var(--wp--preset--color--line) !important; border-radius: 6px; padding: 8px 10px; }

/* ================================================================
   MOBIELE RONDE (2026-09-04)
   ================================================================ */
@media (max-width: 700px) {
	/* winkelwagen-tabel stapelt: tegel+info bovenaan, stepper links + totaal rechts eronder */
	.bb-cart-table thead { display: none; }
	.bb-cart-table, .bb-cart-table tbody { display: block; width: 100% !important; }
	.bb-cart-table tr.cart_item { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 12px; padding: 18px 0; border-bottom: 1px solid var(--wp--preset--color--line); }
	.bb-cart-table tr.cart_item td { display: block; padding: 0; border: 0 !important; width: auto; }
	.bb-cart-table td.product-name { grid-column: 1 / -1; }
	.bb-cart-table td.product-quantity { justify-self: start; margin-top: 10px; }
	.bb-cart-table td.product-subtotal { justify-self: end; margin-top: 10px; font-size: 15px; }
	.bb-cart-table .bb-qty-stepper { height: 40px; }
	.bb-cart-table .bb-qty-stepper button { width: 34px; min-width: 34px; }
	.bb-cart-table .bb-qty-stepper input.qty { width: 40px; min-width: 40px; }
	.bb-cart-table tr:has(td.actions) { display: block; }
	.bb-cart-table td.actions { display: block; padding: 20px 0 0; border: 0; }
	.bb-cart-actions { flex-direction: column; align-items: stretch; gap: 14px; }
	.bb-cart-actions-right { flex-wrap: wrap; }
	.bb-cart-actions-right .coupon { flex: 1 1 100%; }
	.bb-cart-actions-right .coupon .input-text { flex: 1; width: auto; }
	.bb-cart-exvat { text-align: left; }
	/* tegel iets kleiner op mobiel */
	.bb-cart-tile { width: 72px; height: 72px; }
	.bb-cart-product { gap: 14px; }
}

/* ================================================================
   MOBIEL — dit blok staat bewust HELEMAAL ONDERAAN zodat het alle
   eerdere desktop-regels wint (cascade)
   ================================================================ */
@media (max-width: 900px) {
	/* productpagina: één kolom */
	.bb-shop div.product { display: block !important; }
	.bb-shop div.product .woocommerce-product-gallery { display: block; margin-bottom: 20px !important; }
	.bb-shop div.product .entry-summary { max-width: none; padding-top: 8px; }
	.bb-shop div.product .flex-control-thumbs { display: flex; flex-direction: row; margin-top: 14px !important; }
	.bb-shop div.product .flex-control-thumbs li { flex: 0 0 72px; width: 72px; }
	/* stepper + CTA: knop vult de regel */
	.bb-shop div.product form.cart { display: flex; flex-wrap: wrap; gap: 10px; }
	.bb-shop div.product form.cart .quantity { flex: 0 0 auto; }
	.bb-shop div.product form.cart .single_add_to_cart_button { flex: 1 1 180px; min-height: 48px; white-space: normal; }
	/* prijsladder past altijd */
	.bb-shop div.product form.cart table.b2bking_tiered_price_table { width: 100% !important; }
	.bb-shop div.product .woocommerce-tabs ul.tabs { gap: 22px; flex-wrap: wrap; }
	/* archief: prijs-suffix niet los wrappen */
	.woocommerce ul.products li.product .price { display: block; }
	.woocommerce ul.products li.product .price .woocommerce-price-suffix { white-space: nowrap; font-size: 11px; }
	/* sorteerregel netjes gestapeld */
	.bb-shop .woocommerce-result-count { margin: 0 0 8px; float: none; }
	.bb-shop .woocommerce-ordering { float: none; margin: 0 0 16px; }
	.bb-shop .woocommerce-ordering select { width: 100%; }
	/* related-producten grid 2 kolommen (erft al) met kleinere gap */
	.woocommerce ul.products { gap: 1.25rem 0.9rem; }
}
@media (max-width: 980px) {
	/* winkelwagen: alles onder elkaar (wint van de kolomtoewijzing hierboven) */
	.woocommerce-cart .bb-main .woocommerce { display: block !important; }
	.woocommerce-cart .cart-collaterals { margin-top: 28px; }
	.woocommerce-cart .cart-collaterals .cart_totals { margin-top: 0; }
}
@media (max-width: 768px) {
	/* summary-kaart: zelfde nette look als desktop (Woo smallscreen-css uitschakelen) */
	.woocommerce-cart .cart-collaterals .cart_totals { box-sizing: border-box; padding: 22px 20px; }
	.woocommerce-cart .cart_totals table tr, .woocommerce-cart .cart_totals table td, .woocommerce-cart .cart_totals table th { background: none !important; }
	.woocommerce-cart .cart_totals table tr { display: flex; justify-content: space-between; align-items: baseline; }
	.woocommerce-cart .cart_totals table th { display: block; }
	.woocommerce-cart .cart_totals table td { display: block; text-align: right !important; }
	.woocommerce-cart .cart_totals table td::before { display: none !important; content: none !important; }
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { box-sizing: border-box; }
	/* actieknoppen niet laten wrappen */
	.bb-cart-actions-right .button { white-space: nowrap; flex: 1 1 auto; }
}
@media (max-width: 768px) {
	.woocommerce-cart .cart_totals table.shop_table tr th,
	.woocommerce-cart .cart_totals table.shop_table_responsive tr th { display: block !important; }
}
/* drawer nooit breder dan het scherm */
.wc-block-mini-cart__drawer { max-width: min(420px, 100vw) !important; width: min(420px, 100vw); }

/* ================================================================
   ACCOUNTFLOW — canvas-akkoord 2026-09-04 (inloggen / registreren / mijn account)
   ================================================================ */

/* ---------- Inloggen (gast-view van /mijn-account/) ---------- */
.woocommerce-account:not(.logged-in) .bb-page-title { text-align: center; max-width: none !important; margin-bottom: 8px; }
.woocommerce-account:not(.logged-in) .bb-main .woocommerce { max-width: 440px !important; margin: 0 auto; }
.woocommerce-account:not(.logged-in) .bb-main .woocommerce > h2 { display: none; } /* Woo's eigen "Inloggen"-kop boven de form */
form.woocommerce-form-login {
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: 12px !important;
	padding: 32px !important;
	margin: 0 !important;
}
form.woocommerce-form-login label { font-size: 13px; font-weight: 500; margin-bottom: 6px; display: inline-block; }
form.woocommerce-form-login .form-row { margin-bottom: 14px; }
form.woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 400; margin: 0; }
form.woocommerce-form-login button.woocommerce-form-login__submit {
	display: flex; align-items: center; justify-content: center;
	width: 100%; box-sizing: border-box; height: 48px; padding: 0;
	background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base);
	border-radius: 8px; font-size: 15px; font-weight: 600; border: 0; margin-top: 6px;
}
form.woocommerce-form-login button.woocommerce-form-login__submit:hover { background: #2a2c33; }
form.woocommerce-form-login .lost_password { margin: 12px 0 0; font-size: 13.5px; text-align: center; }
form.woocommerce-form-login .lost_password a { color: var(--wp--preset--color--muted); text-decoration: underline; }
/* CTA-kaart onder de login */
.bb-login-cta { background: var(--wp--preset--color--surface); border-radius: 12px; padding: 22px 26px; margin-top: 20px; text-align: center; }
.bb-login-cta-title { font-size: 14.5px; font-weight: 600; margin-bottom: 4px; }
.bb-login-cta-text { font-size: 13.5px; color: var(--wp--preset--color--muted); margin-bottom: 14px; }
.bb-login-cta-btn { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--wp--preset--color--ink); color: var(--wp--preset--color--contrast) !important; border-radius: 8px; height: 44px; padding: 0 24px; font-size: 14.5px; font-weight: 600; text-decoration: none !important; }
.bb-login-cta-btn:hover { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base) !important; }

/* ---------- Registreren (B2BKing-formulier in de kaart) ---------- */
.bb-register-card .b2bking_custom_registration_container { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.bb-register-card .b2bking_custom_registration_container > * { margin: 0; }
.bb-register-card .woocommerce-form-register { border: 0; padding: 0; margin: 0; }
.bb-register-card p.form-row { margin: 0 0 16px; }
.bb-register-card label { font-size: 13px; font-weight: 500; margin-bottom: 6px; display: inline-block; }
.bb-register-card button.woocommerce-form-register__submit, .bb-register-card button[type="submit"] {
	display: flex; align-items: center; justify-content: center;
	width: 100%; box-sizing: border-box; height: 48px; padding: 0;
	background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base);
	border-radius: 8px; font-size: 15px; font-weight: 600; border: 0; margin-top: 8px;
}
.bb-register-card .bb-approval-note { font-size: 13px; color: var(--wp--preset--color--muted); line-height: 1.6; margin: 14px 0 0; }
.bb-register-login { font-size: 13px; color: var(--wp--preset--color--muted); text-align: center; margin: 14px 0 0; }
.bb-register-login a { color: var(--wp--preset--color--contrast); text-decoration: underline; }
#b2bking_checkout_registration_validate_vat_button { margin-top: 8px; }

/* ---------- Mijn account (ingelogd) ---------- */
.woocommerce-account.logged-in .bb-page-title { margin-bottom: 6px; }
.bb-acc-welcome { font-size: 14.5px; color: var(--wp--preset--color--muted); margin: 0 0 32px; grid-column: 1 / -1; }
.woocommerce-account.logged-in .bb-main .woocommerce { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 12px 40px; align-items: start; max-width: 1200px !important; margin: 0 auto; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { float: none; width: auto; border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 12px; align-self: start; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-MyAccount-navigation li a { display: block; padding: 14px 16px; font-size: 14.5px; font-weight: 500; border-radius: 8px; color: #444444; text-decoration: none; }
.woocommerce-MyAccount-navigation li a:hover { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--contrast); }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); font-weight: 600; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { border-top: 1px solid var(--wp--preset--color--line-soft); margin-top: 8px; padding-top: 8px; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--wp--preset--color--accent); }
.woocommerce-account.logged-in .woocommerce-MyAccount-content { float: none; width: auto; }
.bb-acc-heading { font-size: 20px; font-weight: 700; margin: 0 0 18px; font-family: var(--wp--preset--font-family--montserrat, Montserrat), Arial, sans-serif; }
/* bestellingen-tabel */
/* Accounttabellen (bestellingenlijst + besteldetails): één gedeelde kaartstijl.
   Let op: het ordernummer is een th in tbody, vandaar de th-selectors. */
.woocommerce-account table.woocommerce-orders-table,
.woocommerce-account table.order_details { border: 1px solid var(--wp--preset--color--line); border-radius: 12px; overflow: hidden; border-collapse: separate; border-spacing: 0; width: 100%; }
.woocommerce-account table.woocommerce-orders-table thead th,
.woocommerce-account table.order_details thead th { background: var(--wp--preset--color--surface); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--muted); padding: 14px 20px; border: 0; }
.woocommerce-account table.woocommerce-orders-table td,
.woocommerce-account table.woocommerce-orders-table tbody th,
.woocommerce-account table.order_details tbody td,
.woocommerce-account table.order_details tbody th { background: transparent; border: 0; border-bottom: 1px solid var(--wp--preset--color--line-soft); padding: 18px 20px; font-size: 14px; vertical-align: middle; text-align: left; text-transform: none; letter-spacing: normal; }
.woocommerce-account table.woocommerce-orders-table tr:last-child td,
.woocommerce-account table.woocommerce-orders-table tbody tr:last-child th { border-bottom: 0; }
.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a,
.woocommerce-account table.woocommerce-orders-table tbody th a { font-weight: 700; text-decoration: none; color: var(--wp--preset--color--contrast); }
.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-date { color: var(--wp--preset--color--muted); }
.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total { font-size: 12.5px; color: var(--wp--preset--color--muted-soft); }
.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total .amount { font-size: 14px; font-weight: 600; color: var(--wp--preset--color--contrast); }
.woocommerce-account table.woocommerce-orders-table .woocommerce-button { background: transparent; color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--line); border-radius: 8px; padding: 9px 18px; font-size: 13.5px; font-weight: 600; margin-right: 6px; }
.woocommerce-account table.woocommerce-orders-table .woocommerce-button:hover { background: var(--wp--preset--color--surface); }
/* besteldetails: productlink + totalen in de voet */
.woocommerce-account table.order_details tbody td.product-name a { font-weight: 600; text-decoration: none; }
.woocommerce-account table.order_details tfoot th,
.woocommerce-account table.order_details tfoot td { background: transparent; border: 0; padding: 9px 20px; font-size: 13px; font-weight: 500; color: var(--wp--preset--color--muted); text-transform: none; letter-spacing: normal; text-align: left; }
.woocommerce-account table.order_details tfoot td { color: var(--wp--preset--color--contrast); font-weight: 600; }
.woocommerce-account table.order_details tfoot tr:first-child th,
.woocommerce-account table.order_details tfoot tr:first-child td { padding-top: 16px; }
.woocommerce-account table.order_details tfoot tr:last-child th,
.woocommerce-account table.order_details tfoot tr:last-child td { border-top: 1px solid var(--wp--preset--color--line); font-weight: 700; color: var(--wp--preset--color--contrast); font-size: 15px; padding: 12px 20px 16px; }
/* statusbadges (span door bb.js gewrapt) */
.bb-order-badge { display: inline-block; border-radius: 999px; padding: 4px 12px; font-size: 12.5px; font-weight: 600; background: var(--wp--preset--color--surface); color: #444444; }
tr.status-completed .bb-order-badge { background: #e7f2ea; color: #2e7d4f; }
tr.status-processing .bb-order-badge, tr.status-on-hold .bb-order-badge { background: #fdf1e3; color: #a3651f; }
tr.status-cancelled .bb-order-badge, tr.status-failed .bb-order-badge { background: #fdeaea; color: #a63b31; }
/* accountdetails + adressen als kaart */
.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-MyAccount-content form.edit-account,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields,
.woocommerce-account .woocommerce-Addresses { border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 28px; }
.woocommerce-account .woocommerce-MyAccount-content fieldset { border: 0; border-top: 1px solid var(--wp--preset--color--line-soft); margin: 24px 0 0; padding: 20px 0 0; }
.woocommerce-account .woocommerce-MyAccount-content fieldset legend { font-size: 15px; font-weight: 700; padding-right: 12px; }
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] { height: 48px; padding: 0 28px; border-radius: 8px; font-size: 15px; font-weight: 600; }
.woocommerce-account .woocommerce-Addresses { display: flex; gap: 24px; }
.woocommerce-account .woocommerce-Address { flex: 1; }
.woocommerce-account .woocommerce-Address address { border: 0; padding: 12px 0 0; font-size: 14px; line-height: 1.8; color: var(--wp--preset--color--muted); font-style: normal; }
.woocommerce-account .woocommerce-Address-title h2, .woocommerce-account .woocommerce-Address-title h3 { font-size: 16px; font-weight: 700; margin: 0; }
.woocommerce-account .woocommerce-Address-title .edit { font-size: 13px; text-decoration: underline; color: var(--wp--preset--color--muted); }
/* dashboard-tekst */
.woocommerce-account .woocommerce-MyAccount-content > p { font-size: 14.5px; line-height: 1.75; max-width: 640px; }

@media (max-width: 900px) {
	.woocommerce-account.logged-in .bb-main .woocommerce { display: block !important; }
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { margin-bottom: 24px; }
	.woocommerce-account .woocommerce-Addresses { flex-direction: column; }
	.bb-register-card .b2bking_custom_registration_container { grid-template-columns: 1fr; }
	.woocommerce-account table.woocommerce-orders-table td, .woocommerce-account table.woocommerce-orders-table thead th { padding: 12px 12px; }
}
/* accounttitel links op de 1200-lijn; nav zonder Woo-lijntjes */
.woocommerce-account .bb-main .bb-page-title { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; text-align: left; }
.woocommerce-account:not(.logged-in) .bb-main .bb-page-title { max-width: 440px !important; text-align: center; }
.woocommerce-MyAccount-navigation li, .woocommerce-MyAccount-navigation li a { border-bottom: 0 !important; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { border-top: 1px solid var(--wp--preset--color--line-soft) !important; }
/* badge-kleuren: Woo schrijft de status ook als __row--status-x */
.woocommerce-account tr[class*="status-completed"] .bb-order-badge { background: #e7f2ea; color: #2e7d4f; }
.woocommerce-account tr[class*="status-processing"] .bb-order-badge, .woocommerce-account tr[class*="status-on-hold"] .bb-order-badge { background: #fdf1e3; color: #a3651f; }
.woocommerce-account tr[class*="status-cancelled"] .bb-order-badge, .woocommerce-account tr[class*="status-failed"] .bb-order-badge, .woocommerce-account tr[class*="status-refunded"] .bb-order-badge { background: #fdeaea; color: #a63b31; }
/* registratie: oude 440px-kaartstyling neutraliseren binnen de nieuwe kaart */
.bb-register-card .woocommerce { max-width: none !important; margin: 0 !important; width: auto !important; }
.bb-register-card form.woocommerce-form-register { max-width: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; background: none !important; }
.bb-register-card .b2bking_custom_registration_container { width: 100%; }
/* registreren-pagina draagt ook woocommerce-account: login-beperkingen daar opheffen */
.woocommerce-account:not(.logged-in) .bb-register-card .woocommerce { max-width: none !important; margin: 0 !important; }
.woocommerce-account:not(.logged-in) .bb-register-card h2 { display: block; }
.page-id-2205 .bb-main .bb-page-title { display: none !important; }
/* registratieformulier: 2 kolommen op de form zelf (B2BKing geeft elk veld een eigen container) */
.bb-register-card form.woocommerce-form-register { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px; align-items: end; }
.bb-register-card form.woocommerce-form-register > * { margin: 0 !important; min-width: 0; }
.bb-register-card form.woocommerce-form-register > h2,
.bb-register-card .b2bking_custom_registration_container_field_2356,
.bb-register-card .b2bking_custom_registration_container_field_2359,
.bb-register-card .b2bking_registration_roles_dropdown_section,
.bb-register-card .b2bking_registration_roles_dropdown_section_hidden,
.bb-register-card .bb-approval-note,
.bb-register-card #b2bking_checkout_registration_validate_vat_button,
.bb-register-card form.woocommerce-form-register > button[type="submit"],
.bb-register-card form.woocommerce-form-register > p:has(button[type="submit"]) { grid-column: 1 / -1; }
.bb-register-card form.woocommerce-form-register .woocommerce-form-row { margin: 0 !important; }
.bb-register-card .woocommerce-privacy-policy-text { grid-column: 1 / -1; font-size: 13px; color: var(--wp--preset--color--muted); }

/* ================================================================
   FIJNSLIJP-RONDE (feedback Quincy, na livegang)
   ================================================================ */

/* 1: lucht tussen sorteerregel en het productgrid */
.bb-shop .woocommerce-ordering { margin-bottom: 22px; }
.bb-shop .woocommerce-result-count { margin-bottom: 22px; }

/* 2: kaartknop met aantal-indicator; titel en prijs blijven er altijd vrij van */
.woocommerce ul.products li.product .button {
	width: auto;
	min-width: 42px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0 10px;
	font-size: 0;
}
.woocommerce ul.products li.product .button::before {
	content: "";
	position: static;
	inset: auto;
	width: 19px;
	height: 19px;
	flex: 0 0 auto;
	-webkit-mask-size: 19px 19px;
	mask-size: 19px 19px;
}
.woocommerce ul.products li.product .button .bb-qty-ind { font-size: 13px; font-weight: 700; line-height: 1; color: var(--wp--preset--color--base); }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price { padding-right: 84px; box-sizing: border-box; }

/* 3: sfeer-/detailfoto's (slide 2+) vullen de tegel — geen fotokader tegen het tegelgrijs */
.bb-shop div.product .woocommerce-product-gallery__image:not(:first-child) img {
	padding: 0 !important;
	object-fit: cover !important;
}

/* 6: radio betaalmethode/verzending: wit veld met rand, zwarte stip bij selectie */
.woocommerce-checkout #payment ul.payment_methods input[type="radio"],
.woocommerce-checkout #order_review ul#shipping_method input[type="radio"] {
	border: 1.5px solid #c4c7cc;
	background: var(--wp--preset--color--base);
}
.woocommerce-checkout #payment ul.payment_methods input[type="radio"]:checked,
.woocommerce-checkout #order_review ul#shipping_method input[type="radio"]:checked {
	border: 1.5px solid var(--wp--preset--color--ink);
	background: radial-gradient(circle, var(--wp--preset--color--ink) 0 4px, transparent 4.6px);
}

/* 7: registreren-veldvolgorde per canvas-wens: bedrijfsnaam vol, dan adres(sen), postcode, plaats, land */
.bb-register-card form.woocommerce-form-register > * { order: 30; }
.bb-register-card form.woocommerce-form-register > .form-row:has(#reg_email) { order: 1; }
.bb-register-card form.woocommerce-form-register > .form-row:has(#reg_password) { order: 2; }
.bb-register-card .b2bking_custom_registration_container_field_2344 { order: 3; }
.bb-register-card .b2bking_custom_registration_container_field_2347 { order: 4; }
.bb-register-card .b2bking_custom_registration_container_field_2350 { order: 5; grid-column: 1 / -1; }
.bb-register-card .b2bking_custom_registration_container_field_2356 { order: 6; }
.bb-register-card .b2bking_custom_registration_container_field_2359 { order: 7; }
.bb-register-card .b2bking_custom_registration_container_field_2368 { order: 8; }
.bb-register-card .b2bking_custom_registration_container_field_2365 { order: 9; }
.bb-register-card .b2bking_custom_registration_container_field_2362 { order: 10; }
.bb-register-card .b2bking_custom_registration_container_field_2371 { order: 11; }
.bb-register-card .woocommerce-privacy-policy-text { order: 40; }
.bb-register-card .bb-approval-note { order: 41; }
.bb-register-card form.woocommerce-form-register > .form-row:has(button[type="submit"]),
.bb-register-card form.woocommerce-form-register > button[type="submit"] { order: 42; }

/* 4 (deel): logo-maten mobiel */
@media (max-width: 900px) {
	.bb-logo-wrap .bb-logo-img, .woocommerce-page .bb-logo-wrap .bb-logo-img { height: 38px; }
	.bb-footer .bb-logo-img-white, .woocommerce-page .bb-footer .bb-logo-img-white { height: 30px; }
}
/* radio's: onze eigen nette input tonen; plugin-dots (pseudo-elementen) uit */
.woocommerce-checkout #payment ul.payment_methods li > input.input-radio { display: inline-block !important; vertical-align: middle; margin-right: 8px; }
.woocommerce-checkout #payment ul.payment_methods li::before,
.woocommerce-checkout #payment ul.payment_methods li > label::before,
.woocommerce-checkout #payment ul.payment_methods li > label::after { content: none !important; display: none !important; }
/* radio en label op één regel; beschrijving eronder over de volle breedte */
.woocommerce-checkout #payment ul.payment_methods li { display: flex; align-items: center; flex-wrap: wrap; row-gap: 10px; }
.woocommerce-checkout #payment ul.payment_methods li > label { flex: 1; margin: 0; }
.woocommerce-checkout #payment div.payment_box { flex-basis: 100%; margin-bottom: 0; }
/* veldvolgorde: met form-prefix zodat ze van de generieke order-30-regel winnen */
.bb-register-card form.woocommerce-form-register > .b2bking_custom_registration_container_field_2344 { order: 3; }
.bb-register-card form.woocommerce-form-register > .b2bking_custom_registration_container_field_2347 { order: 4; }
.bb-register-card form.woocommerce-form-register > .b2bking_custom_registration_container_field_2350 { order: 5; grid-column: 1 / -1; }
.bb-register-card form.woocommerce-form-register > .b2bking_custom_registration_container_field_2353 { order: 12; }
.bb-register-card form.woocommerce-form-register > .b2bking_custom_registration_container_field_2356 { order: 6; }
.bb-register-card form.woocommerce-form-register > .b2bking_custom_registration_container_field_2359 { order: 7; }
.bb-register-card form.woocommerce-form-register > .b2bking_custom_registration_container_field_2368 { order: 8; }
.bb-register-card form.woocommerce-form-register > .b2bking_custom_registration_container_field_2365 { order: 9; }
.bb-register-card form.woocommerce-form-register > .b2bking_custom_registration_container_field_2362 { order: 10; }
.bb-register-card form.woocommerce-form-register > .b2bking_custom_registration_container_field_2371 { order: 11; }
.bb-register-card form.woocommerce-form-register > .woocommerce-privacy-policy-text { order: 40; }
.bb-register-card form.woocommerce-form-register > .bb-approval-note { order: 41; }

/* fijnslijp 2 (feedback Quincy) */
/* select2 overal in de main netjes (registreren viel buiten de .bb-shop-scope) */
.bb-main .select2-container .select2-selection--single {
	height: 48px;
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--surface);
	border-radius: 8px;
	display: flex;
	align-items: center;
	padding: 0 40px 0 14px;
	box-sizing: border-box;
}
.bb-main .select2-container .select2-selection--single .select2-selection__rendered { line-height: normal !important; padding: 0 !important; margin: 0; font-size: 14px; color: var(--wp--preset--color--contrast); }
.bb-main .select2-container .select2-selection--single .select2-selection__arrow { height: 46px; top: 0; right: 8px; }
.bb-main .select2-container--open .select2-selection--single,
.bb-main .select2-container--focus .select2-selection--single { border-color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--base); }
/* registreren: veldrijen strak boven uitlijnen zodat de dropdown gelijk hangt met het veld ernaast */
.bb-register-card form.woocommerce-form-register { align-items: start; }
.bb-register-card .b2bking_custom_registration_container label { display: block; margin-bottom: 6px; }

/* radio betaalmethodes: subtieler (16px) en strak gecentreerd op de labelregel */
.woocommerce-checkout #payment ul.payment_methods input[type="radio"],
.woocommerce-checkout #order_review ul#shipping_method input[type="radio"] {
	width: 16px; height: 16px; margin: 0 10px 0 0; flex: 0 0 auto; align-self: center;
}
.woocommerce-checkout #payment ul.payment_methods input[type="radio"]:checked,
.woocommerce-checkout #order_review ul#shipping_method input[type="radio"]:checked {
	background: radial-gradient(circle, var(--wp--preset--color--ink) 0 3.5px, transparent 4.1px);
}
.woocommerce-checkout #payment ul.payment_methods li > label { display: flex; align-items: center; gap: 10px; line-height: 1.3; }
.woocommerce-checkout #payment ul.payment_methods li > label img { max-height: 24px; width: auto; margin: 0 0 0 auto; }

/* logo mobiel: 38 was te groot */
@media (max-width: 900px) {
	.bb-logo-wrap .bb-logo-img, .woocommerce-page .bb-logo-wrap .bb-logo-img { height: 34px; }
}
.woocommerce-checkout #payment ul.payment_methods li > label > img { margin-left: auto !important; }
.bb-register-card .select2-container .select2-selection--single { height: 50px; }
.bb-register-card .b2bking_custom_registration_container_field_2362 .b2bking_country_field_selector { margin-top: -6px !important; }

/* ================================================================
   MELDINGEN (canvas-akkoord): rustige kaart, icoon in tintvlak,
   actieknop rechts — geldt voor alle Woo-meldingen sitewide
   ================================================================ */
.woocommerce-message, .woocommerce-info, ul.woocommerce-error li, .woocommerce-error:not(ul) {
	display: flex !important;
	align-items: center;
	gap: 16px;
	background: var(--wp--preset--color--base) !important;
	border: 1px solid var(--wp--preset--color--line) !important;
	border-top-width: 1px !important;
	border-radius: 10px !important;
	padding: 14px 18px !important;
	margin: 0 0 16px !important;
	color: var(--wp--preset--color--contrast) !important;
	font-size: 14.5px;
	line-height: 1.5;
	list-style: none !important;
	box-shadow: none !important;
}
ul.woocommerce-error { list-style: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.woocommerce-message::before, .woocommerce-info::before, ul.woocommerce-error li::before, .woocommerce-error:not(ul)::before {
	content: "" !important;
	position: static !important;
	flex: 0 0 38px;
	width: 38px; height: 38px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--surface);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 19px 19px;
	font-size: 0 !important;
	display: block;
	margin: 0 !important;
	top: auto !important; left: auto !important;
}
.woocommerce-message::before {
	background-color: #e7f2ea;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232e7d4f" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m5 13 4 4 10-10"/></svg>');
}
.woocommerce-info::before {
	background-color: #f4f5f7;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230d0e12" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 11v5"/><path d="M12 8h.01"/></svg>');
}
ul.woocommerce-error li::before, .woocommerce-error:not(ul)::before {
	background-color: #fdeaea;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23a63b31" stroke-width="2.2" stroke-linecap="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>');
}
/* actieknop rechts in de melding */
.woocommerce-message .button, .woocommerce-info .button, ul.woocommerce-error li .button {
	order: 2;
	margin-left: auto !important;
	flex: 0 0 auto;
	background: var(--wp--preset--color--ink) !important;
	color: var(--wp--preset--color--base) !important;
	border: 0 !important;
	border-radius: 8px !important;
	height: 42px;
	display: inline-flex; align-items: center;
	padding: 0 20px !important;
	font-size: 14px; font-weight: 600;
}
.woocommerce-info .button { background: transparent !important; color: var(--wp--preset--color--contrast) !important; border: 1px solid var(--wp--preset--color--line) !important; }
.woocommerce-message a:not(.button), .woocommerce-info a:not(.button), ul.woocommerce-error li a:not(.button) { color: var(--wp--preset--color--contrast); text-decoration: underline; }
@media (max-width: 700px) {
	.woocommerce-message, .woocommerce-info, ul.woocommerce-error li { flex-wrap: wrap; }
	.woocommerce-message .button, .woocommerce-info .button { order: 2; margin-left: 54px !important; }
}
/* Woo's nieuwe notice-banners naar dezelfde stijl */
.wc-block-components-notice-banner {
	display: flex !important;
	align-items: center;
	gap: 16px;
	background: var(--wp--preset--color--base) !important;
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: 10px !important;
	padding: 14px 18px !important;
	margin: 0 0 16px;
	color: var(--wp--preset--color--contrast) !important;
	font-size: 14.5px;
	box-shadow: none !important;
}
.wc-block-components-notice-banner > svg { display: none !important; }
.wc-block-components-notice-banner::before {
	content: "";
	flex: 0 0 38px;
	width: 38px; height: 38px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--surface);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 19px 19px;
}
.wc-block-components-notice-banner.is-success::before {
	background-color: #e7f2ea;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232e7d4f" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m5 13 4 4 10-10"/></svg>');
}
.wc-block-components-notice-banner.is-info::before {
	background-color: #f4f5f7;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230d0e12" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 11v5"/><path d="M12 8h.01"/></svg>');
}
.wc-block-components-notice-banner.is-error::before {
	background-color: #fdeaea;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23a63b31" stroke-width="2.2" stroke-linecap="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>');
}
.wc-block-components-notice-banner__content { flex: 1; display: flex; align-items: center; gap: 16px; }
.wc-block-components-notice-banner__content .wc-forward, .wc-block-components-notice-banner__content a.button {
	margin-left: auto;
	flex: 0 0 auto;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base) !important;
	border-radius: 8px;
	height: 42px;
	display: inline-flex; align-items: center;
	padding: 0 20px;
	font-size: 14px; font-weight: 600;
	text-decoration: none !important;
}
.wc-block-components-notice-banner__content a.button.wc-forward {
	margin-left: auto !important;
	background: var(--wp--preset--color--ink) !important;
	color: var(--wp--preset--color--base) !important;
	border-radius: 8px !important;
	height: 42px !important;
	display: inline-flex !important; align-items: center !important;
	padding: 0 20px !important;
	font-size: 14px !important; font-weight: 600 !important;
	text-decoration: none !important;
	opacity: 1 !important;
}

/* ================================================================
   KAARTKNOP IN DE TEGEL (canvas-akkoord)
   ================================================================ */
.woocommerce ul.products li.product .bb-card-tile { position: relative; }
.woocommerce ul.products li.product .bb-card-tile .button {
	position: absolute;
	right: 12px;
	bottom: 12px;
	top: auto;
	height: 40px;
	padding: 0 12px;
	border-radius: 10px;
	z-index: 2;
}
.bb-card-tile-link { display: block; width: 100%; height: 100%; }
.bb-card-title-link { text-decoration: none; }
/* titel en prijs hoeven geen ruimte meer te reserveren */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price { padding-right: 0; }
/* de losse "x toegevoegd"-link onder de kaart blijft verborgen (melding + badge volstaan) */
.woocommerce ul.products li.product .added_to_cart { display: none; }
@media (max-width: 700px) {
	.woocommerce ul.products li.product .bb-card-tile .button { height: 36px; padding: 0 10px; right: 10px; bottom: 10px; }
}

/* ================================================================
   ZOEKRESULTATEN (canvas-akkoord)
   ================================================================ */
.bb-search-title { font-size: 34px; font-weight: 800; margin: 0 0 8px; }
.bb-search-big {
	display: flex; align-items: center; gap: 10px;
	background: var(--wp--preset--color--surface); border-radius: 999px;
	padding: 0 20px; height: 50px; max-width: 480px;
	color: var(--wp--preset--color--muted); margin: 20px 0 40px;
}
.bb-search-big input { background: transparent !important; border: 0 !important; outline: none; font-size: 14.5px; width: 100%; padding: 0 !important; color: var(--wp--preset--color--contrast); }
.bb-search-pages { margin-top: 64px; }
.bb-search-pages h2 { font-size: 20px; font-weight: 700; margin: 0 0 16px; }
.bb-search-pages-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.bb-search-page-card { display: block; border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 22px 24px; text-decoration: none !important; }
.bb-search-page-card:hover { border-color: var(--wp--preset--color--contrast); }
.bb-search-page-title { font-size: 15px; font-weight: 700; margin-bottom: 5px; color: var(--wp--preset--color--contrast); }
.bb-search-page-excerpt { font-size: 13.5px; color: var(--wp--preset--color--muted); line-height: 1.6; }
.bb-search-none { font-size: 15px; color: var(--wp--preset--color--muted); }
.bb-search-pagination { margin-top: 40px; }
@media (max-width: 700px) { .bb-search-pages-grid { grid-template-columns: 1fr; } }

/* Mijn account — pixelronde t.o.v. canvas-ontwerp (Woo-blocktheme wint anders op specificiteit) */
.woocommerce-account.logged-in .bb-main h1.bb-page-title { font-size: 32px !important; font-weight: 800; }
.woocommerce-account.logged-in .bb-main .entry-content { margin-top: -16px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li,
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child { padding: 0; margin: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 8px; padding-top: 8px; }
/* (tabelregels verplaatst naar het gedeelde accounttabellen-blok hierboven) */
/* accountdetails: veldstijl komt uit het uniforme veldenblok; hier alleen layout */
.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row { max-width: 420px; }
.woocommerce-account .woocommerce-MyAccount-content .form-row em,
.woocommerce-account .woocommerce-MyAccount-content .form-row span em { font-style: normal; font-size: 12.5px; color: var(--wp--preset--color--muted-soft); }

/* ============ Uniforme veldstijl sitebreed (= accountdetails-stijl) ============ */
/* Grijze velden overal: login, registreren (B2BKing), afrekenen, WPForms, account.
   Uitzonderingen: .qty (stepper), [type=search] (zoekpil), checkbox/radio/knoppen. */
.bb-main input[type="text"]:not(.qty), .bb-main input[type="email"], .bb-main input[type="tel"],
.bb-main input[type="password"], .bb-main input[type="number"]:not(.qty), .bb-main input[type="url"], .bb-main input[type="date"],
.bb-main select, .bb-main textarea,
.woocommerce input.input-text:not(.qty), .woocommerce select, .woocommerce textarea,
.bb-main .b2bking_custom_registration_field {
	border: 1px solid var(--wp--preset--color--line) !important;
	background-color: var(--wp--preset--color--surface) !important;
	border-radius: 8px !important;
	padding: 13px 14px !important;
	font-family: inherit;
	font-size: 14px !important;
	line-height: 1.4 !important;
	color: var(--wp--preset--color--contrast) !important;
	width: 100%;
	box-sizing: border-box;
}
.bb-main input:not(.qty):not([type="search"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.bb-main select:focus, .bb-main textarea:focus,
.woocommerce input.input-text:not(.qty):focus, .woocommerce select:focus, .woocommerce textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--contrast) !important;
	background-color: var(--wp--preset--color--base) !important;
}
.bb-main ::placeholder { color: var(--wp--preset--color--muted-soft); opacity: 1; }