.wcdl-payment-option {
	margin: 12px 0;
	width: 100%;
	clear: both;
}

.wcdl-deposit-notice {
	color: #2271b1;
	font-weight: 600;
	margin: 0 0 8px;
}

/* --- Product page payment buttons ------------------------------------------------ */

/* The theme's own "Add to cart" button is replaced by the two buttons below. The class is
   added by PHP (body_class) so there is no flash of the original button, and it is removed
   again by JS if the buttons never made it into the page. */
body.wcdl-deposit-buttons-active form.cart .single_add_to_cart_button {
	display: none !important;
}

.wcdl-payment-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
}

.wcdl-payment-buttons .wcdl-btn {
	flex: 1 1 220px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	margin: 0;
	padding: 12px 18px;
	line-height: 1.3;
	text-align: center;
	white-space: normal;
	cursor: pointer;
}

.wcdl-payment-buttons .wcdl-btn-label {
	font-weight: 700;
	font-size: 1em;
}

.wcdl-payment-buttons .wcdl-btn-sub {
	font-size: 0.82em;
	font-weight: 400;
	opacity: 0.85;
}

.wcdl-payment-buttons .wcdl-btn-sub:empty {
	display: none;
}

/* The deposit button is the secondary action: outlined instead of filled. */
.wcdl-payment-buttons .wcdl-btn-deposit {
	background: transparent;
	color: inherit;
	border: 2px solid currentColor;
}

.wcdl-payment-buttons .wcdl-btn-deposit:hover,
.wcdl-payment-buttons .wcdl-btn-deposit:focus {
	background: rgba( 0, 0, 0, 0.05 );
	color: inherit;
}

.wcdl-payment-buttons .wcdl-btn--disabled,
.wcdl-payment-buttons .wcdl-btn[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

/* A forced deposit leaves a single button — do not stretch it across the full row. */
.wcdl-payment-option--forced .wcdl-payment-buttons .wcdl-btn {
	flex: 0 1 auto;
}

@media (max-width: 480px) {
	.wcdl-payment-buttons .wcdl-btn {
		flex: 1 1 100%;
	}
}

/* Deposit summary box for the Cart/Checkout block (above the Estimated total) */
.wcdl-cart-deposit-summary {
	margin: 12px 0;
	padding: 10px 14px;
	border: 1px solid #cbd5c0;
	border-radius: 4px;
	background: #f3f7ef;
}

.wcdl-cart-deposit-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.95em;
	padding: 2px 0;
}

.wcdl-cart-deposit-label {
	color: #3c4338;
}

.wcdl-cart-deposit-value {
	font-weight: 600;
}

/* The remaining balance is the number the customer most needs to notice. */
.wcdl-cart-deposit-balance {
	margin-top: 4px;
	padding-top: 6px;
	border-top: 1px solid #cbd5c0;
}

.wcdl-cart-deposit-balance .wcdl-cart-deposit-label,
.wcdl-cart-deposit-balance .wcdl-cart-deposit-value {
	color: #1f2937;
	font-weight: 700;
}

.wcdl-cart-deposit-row-balance th,
.wcdl-cart-deposit-row-balance td {
	font-weight: 700;
}