/*
 * Winkelwagen en checkout (standaard WooCommerce-shortcodes binnen een Divi-sectie).
 * Sluit aan op Divi's veldstijl: grijs vlak (#eee), geen rand, 14px.
 */

/* ---------- Velden ---------- */
/* .input-text in de selector is nodig: WooCommerce' eigen regel (.form-row .input-text) is specifieker dan die van Divi. */
.woocommerce form .form-row textarea.input-text,
.woocommerce form .form-row select,
.woocommerce-checkout .select2-container--default .select2-selection--single {
	-webkit-appearance: none;
	box-sizing: border-box;
	width: 100%;
	background-color: #eee;
	border: 0;
	border-radius: 0;
	color: #1D3C34;
	font-size: 14px;
	line-height: 1.7em;
	padding: 16px;
	box-shadow: none;
}
.woocommerce form .form-row textarea.input-text {
	min-height: 120px;
}
.woocommerce form .form-row input.input-text {
	color: #1D3C34;
}
.woocommerce-checkout .select2-container--default .select2-selection--single {
	height: auto;
	min-height: 55px;
	display: flex;
	align-items: center;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 1.7em;
	color: #1D3C34;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea.input-text:focus,
.woocommerce-checkout .select2-container--focus .select2-selection--single,
.woocommerce-checkout .select2-container--open .select2-selection--single {
	outline: 2px solid #1D3C34;
	outline-offset: 0;
}
.woocommerce form .form-row .required {
	color: inherit;
	text-decoration: none;
}
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid .select2-selection {
	outline: 2px solid #a4262c;
}

/* ---------- Checkout-indeling ---------- */
.woocommerce-checkout .col2-set .col-2 h3#ship-to-different-address {
	margin-bottom: 18px;
}
.woocommerce-checkout .woocommerce-additional-fields > h3 {
	margin-top: 8px;
}
.woocommerce-checkout #order_review_heading {
	margin-top: 48px;
	padding-top: 0;
}
.woocommerce-checkout #payment {
	border-radius: 12px;
}
.woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 16px;
}
.woocommerce-checkout #payment .woocommerce-form__label-for-checkbox input[type="checkbox"] {
	margin: 0 6px 0 0;
	vertical-align: -2px;
}

/* ---------- Winkelwagen ---------- */
.woocommerce-cart table.cart img {
	width: 72px;
	height: auto;
}
.woocommerce-cart table.cart td.product-name a {
	font-weight: 500;
}
.woocommerce-cart .cart-collaterals {
	margin-top: 24px;
}

/* Aantallen worden automatisch bijgewerkt (winkelmand.js); de knop is dan overbodig.
   Zonder JavaScript blijft hij zichtbaar. */
.woocommerce-cart-form.bb-auto-bijwerken button[name="update_cart"] {
	display: none;
}
.woocommerce-cart-form.bb-auto-bijwerken tr:has(> td.actions) {
	display: none;
}
.woocommerce-cart-form.bb-auto-bijwerken.processing,
.woocommerce-cart-form.bb-auto-bijwerken .blockUI {
	cursor: progress;
}

/* ---------- Mobiel ---------- */
@media (max-width: 768px) {
	.woocommerce-checkout #order_review_heading {
		margin-top: 32px;
	}
	.woocommerce-cart table.cart img {
		width: 56px;
	}
}