/* ============================================================
   WINKELWAGEN & AFREKENEN — binnen de sitebreedte houden
   WooCommerce zet op deze twee blokken standaard "wide" alignment, en Storefront
   trekt alignwide-blokken met `margin: calc(25% - 25vw)` buiten de contentkolom
   (gutenberg-blocks.css). Op een breed scherm werd het afrekenen daardoor ruim
   300px breder dan de rest van de site. De selector spiegelt die van Storefront
   en voegt de blokklasse toe: één klasse specifieker, dus onafhankelijk van
   laadvolgorde.
   ============================================================ */
.storefront-align-wide.storefront-full-width-content .hentry .entry-content .wp-block-woocommerce-cart.alignwide,
.storefront-align-wide.storefront-full-width-content .hentry .entry-content .wp-block-woocommerce-checkout.alignwide {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

/* ============================================================
   AFREKENEN — blokken van WooCommerce Checkout
   ============================================================ */

/* Stappen als open secties: geen kaders of vlakken, alleen ruimte ertussen. */
.wc-block-components-form .wc-block-components-checkout-step {
	background: none;
	border: none;
	margin: 0 0 40px;
	padding: 0;
	position: relative;
}

/* Klassenaam bewust verdubbeld: WooCommerce's eigen regels op deze titel staan
   op twee klassen, dus zo winnen we zonder !important. */
.wc-block-components-title.wc-block-components-title {
	border: 0;
	border-radius: 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	word-break: break-word;
}

/* "+ appartement, suite enz. toevoegen" — niet nodig voor deze shop. */
.wc-block-components-address-form__address_2-toggle {
	display: none;
}

/* Formuliervelden in dezelfde stijl als de rest van de site. De blokken zetten
   de rand zelf met een kleurfunctie, dus overschrijven we hem hier. */
.wc-block-components-form .wc-block-components-text-input.wc-block-components-text-input input,
.wc-blocks-components-select .wc-blocks-components-select__select.wc-blocks-components-select__select,
.wc-block-components-textarea.wc-block-components-textarea.wc-block-components-textarea {
	border: 1px solid #e4e4e4;
	border-radius: 6px;
}