/* Deposit Checkout (InstaPay + COD): checkout box, thank-you page and My account block.
 * Theme-neutral and RTL-safe (logical properties only). Override with --wcdi-accent in your theme. */

.wcdi-plan-box {
	margin: 0 0 1.5em;
}

.wcdi-plan-box:empty {
	display: none;
}

.wcdi-plan-box__fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	min-inline-size: 0;
}

.wcdi-plan-box__legend {
	margin: 0 0 .6em;
	padding: 0;
	font-weight: 700;
	font-size: 1.05em;
}

.wcdi-plan {
	display: flex;
	align-items: flex-start;
	gap: .75em;
	margin: 0 0 .75em;
	padding: .9em 1em;
	border: 2px solid rgba(0, 0, 0, .15);
	border-radius: 8px;
	background: rgba(0, 0, 0, .02);
	cursor: pointer;
	transition: border-color .15s, background-color .15s;
}

.wcdi-plan.is-selected,
.wcdi-plan:has(.wcdi-plan__input:checked) {
	border-color: var(--wcdi-accent, #2271b1);
	background: rgba(34, 113, 177, .06);
}

.wcdi-plan__input {
	flex: 0 0 auto;
	margin: .3em 0 0;
}

.wcdi-plan__body {
	display: block;
	flex: 1 1 auto;
	min-inline-size: 0;
}

.wcdi-plan__title {
	display: block;
	margin-block-end: .4em;
	font-weight: 700;
}

.wcdi-plan__row {
	display: flex;
	justify-content: space-between;
	gap: 1em;
	padding-block: .15em;
}

.wcdi-plan__row--now .wcdi-plan__value {
	color: var(--wcdi-accent, #2271b1);
	font-size: 1.05em;
}

.wcdi-plan__hint {
	display: block;
	margin-block-start: .4em;
	font-size: .85em;
	opacity: .75;
}

.wcdi-plan-box.is-loading {
	opacity: .6;
	pointer-events: none;
}

/* Payment instructions (thank-you page / My account) */

.wcdi-pay-box {
	margin: 0 0 2em;
	padding: 1.25em 1.5em;
	border: 2px solid var(--wcdi-accent, #2271b1);
	border-radius: 8px;
}

.wcdi-pay-box--paid {
	border-color: #2e7d32;
}

.wcdi-pay-box__title {
	margin: 0 0 .6em;
	font-size: 1.25em;
}

.wcdi-pay-box__amount {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .5em;
	margin: 0 0 .4em;
}

.wcdi-pay-box__amount-value {
	font-size: 1.6em;
	color: var(--wcdi-accent, #2271b1);
}

.wcdi-pay-btn {
	display: inline-block;
	max-inline-size: 100%;
}

.wcdi-pay-box__details {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1em 1.5em;
	margin: 1em 0;
}

.wcdi-pay-box__list {
	flex: 1 1 14em;
	margin: 0;
}

.wcdi-pay-box__list dt {
	margin: .5em 0 .1em;
	font-weight: 700;
}

.wcdi-pay-box__list dd {
	margin: 0;
}

.wcdi-pay-box__copyable {
	font-family: monospace;
	word-break: break-all;
}

.wcdi-copy {
	margin-inline-start: .5em;
	padding: .15em .7em;
	font-size: .85em;
	cursor: pointer;
}

.wcdi-pay-box__qr {
	flex: 0 0 auto;
	max-inline-size: 160px;
	height: auto;
}

.wcdi-pay-box__notice {
	margin: 1em 0 0;
	font-weight: 700;
}

/* Order review table: the deposit deduction and the note under the total. */
.woocommerce-checkout-review-order-table .wcdi-deposit-row th,
.woocommerce-checkout-review-order-table .wcdi-deposit-row td {
	color: var(--wcdi-accent, #2271b1);
	font-weight: 600;
}

.wcdi-total-note {
	display: block;
	margin-block-start: .2em;
	font-size: .8em;
	font-weight: 400;
	opacity: .8;
}