/*
 * Cart and checkout — Phase 4.
 */

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
	float: none;
	inline-size: 100%;
}

.woocommerce-checkout form .form-row {
	margin-block-end: var(--spairixstore-space-sm);
}

.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout form .form-row select {
	border: 1px solid var(--spairixstore-color-border);
	border-radius: var(--spairixstore-radius);
	box-sizing: border-box;
	inline-size: 100%;
	padding: 0.6rem 0.75rem;
}

.woocommerce-checkout #order_review {
	background-color: var(--spairixstore-color-surface);
	border-radius: var(--spairixstore-radius);
	padding: var(--spairixstore-space-md);
}

.spairixstore-checkout-notice {
	background: var(--spairixstore-color-surface);
	border-inline-start: 4px solid var(--spairixstore-color-secondary);
	border-radius: var(--spairixstore-radius);
	margin-block-end: var(--spairixstore-space-md);
	padding: var(--spairixstore-space-sm) var(--spairixstore-space-md);
}

.spairixstore-checkout-notice__policy a {
	font-weight: 600;
}

.spairixstore-bank-transfer {
	background: var(--spairixstore-color-surface);
	border-radius: var(--spairixstore-radius);
	margin-block: var(--spairixstore-space-md);
	padding: var(--spairixstore-space-md);
}

.spairixstore-bank-transfer__list {
	margin: 0 0 var(--spairixstore-space-sm);
	padding-inline-start: 1.25rem;
}

.woocommerce-cart .cart-collaterals,
.woocommerce-checkout .woocommerce-checkout-review-order {
	margin-block-start: var(--spairixstore-space-md);
}

.woocommerce-cart-form,
.woocommerce-checkout {
	display: grid;
	gap: var(--spairixstore-space-md);
}

@media (max-width: 47.99rem) {
	.woocommerce-cart table.cart thead {
		display: none;
	}

	.woocommerce-cart table.cart tr {
		background: var(--spairixstore-color-surface);
		border-radius: var(--spairixstore-radius);
		display: block;
		margin-block-end: var(--spairixstore-space-md);
		padding: var(--spairixstore-space-sm);
	}

	.woocommerce-cart table.cart td {
		border: 0;
		display: block;
		inline-size: 100%;
		padding-block: 0.35rem;
		text-align: start;
	}

	.woocommerce-cart table.cart td::before {
		content: attr(data-title);
		display: block;
		font-weight: 600;
		margin-block-end: 0.25rem;
	}

	.woocommerce-cart .actions .button {
		inline-size: 100%;
		margin-block-start: 0.5rem;
	}

	.woocommerce-checkout #payment .place-order .button {
		inline-size: 100%;
	}
}