/* ==========================================================================
   Droomwand — WooCommerce: winkelwagen en checkout op de huisstijl (spec §9,
   §11.1). Overschrijft alleen kleur, letter en ruimte van woocommerce.css /
   woocommerce-layout.css — laat de eigen structuurklassen van WooCommerce
   verder intact zodat plugins (Mollie, PDF-facturen) blijven werken.
   ========================================================================== */

.woo-wrap {
	padding-block: var(--sp-9) var(--sp-12);
}

.woo-inner {
	max-width: var(--max-smal);
	margin-inline: auto;
}

.woocommerce form .form-row label,
.woocommerce-checkout label,
.woocommerce-cart label {
	font-family: var(--font-sans);
	font-size: var(--fs-sm);
	font-weight: var(--fw-medium);
	color: var(--fg);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-checkout select,
.select2-container .select2-selection--single {
	min-height: var(--raak);
	padding: var(--sp-2) var(--sp-3);
	border: 1px solid var(--border);
	border-radius: var(--r-md);
	background: var(--surface);
	color: var(--fg);
	box-shadow: var(--shadow-1);
}

.woocommerce table.shop_table {
	border: 1px solid var(--border);
	border-radius: var(--r-lg);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: var(--surface);
	box-shadow: var(--shadow-1);
}

.woocommerce table.shop_table th {
	background: var(--bg-elevated);
	font-family: var(--font-sans);
	font-weight: var(--fw-medium);
	color: var(--muted);
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-bottom: 1px solid var(--border);
	padding: var(--sp-3) var(--sp-4);
}

.woocommerce #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	background: var(--bg-elevated);
	border-radius: var(--r-md);
	box-shadow: inset 0 0 0 1px var(--border);
}

.woocommerce #payment div.payment_box::before {
	border-bottom-color: var(--bg-elevated);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-checkout #place_order {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--sp-2);
	min-height: var(--raak);
	padding-inline: var(--sp-6);
	border: 1px solid transparent;
	border-radius: var(--r-md);
	background: var(--accent);
	color: var(--accent-fg);
	font-family: var(--font-sans);
	font-size: var(--fs-base);
	font-weight: var(--fw-medium);
	text-decoration: none;
	box-shadow: none;
	transition: background-color var(--duur-snel) var(--ease);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-checkout #place_order:hover {
	background: var(--accent-hover);
	color: var(--accent-fg);
}

.woocommerce a.button.alt {
	background: var(--accent);
	color: var(--accent-fg);
}

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--accent);
	background: var(--accent-zacht);
	color: var(--fg);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--accent);
}

.woocommerce-error {
	border-top-color: var(--fout);
	background: var(--fout-zacht);
	color: var(--fg);
}

.woocommerce-error::before {
	color: var(--fout);
}

.woocommerce-checkout .woocommerce-terms-and-conditions,
.dw-verklaringen {
	display: grid;
	gap: var(--sp-3);
	margin-block: var(--sp-6);
	padding: var(--sp-4) var(--sp-5);
	border-radius: var(--r-md);
	background: var(--bg-elevated);
	box-shadow: inset 0 0 0 1px var(--border);
	font-size: var(--fs-sm);
	line-height: var(--lh-basis);
}

.woocommerce .star-rating {
	color: var(--accent);
}

.woocommerce-Price-amount {
	font-family: var(--font-sans);
	color: var(--fg);
}

/* De ontwerpgegevens die class-woo.php toont via woocommerce_get_item_data. */
.woocommerce-cart-form .variation,
.wc-item-meta,
dl.variation {
	font-size: var(--fs-xs);
	color: var(--muted);
}

dl.variation dt,
.wc-item-meta .wc-item-meta-label {
	font-weight: var(--fw-medium);
	color: var(--fg);
}