/* Blocked state for the account payment option. Kept deliberately plain so it
   inherits FunnelKit's own spacing rather than fighting it. */

.rla-blocked {
	opacity: 0.55;
}

.rla-blocked label {
	cursor: not-allowed;
}

.rla-blocked input[type="radio"] {
	cursor: not-allowed;
}

.rla-blocked-reasons {
	margin: 0.5em 0 0;
	padding-left: 1.2em;
	list-style: disc;
	font-size: 0.9em;
	line-height: 1.5;
}

.rla-blocked-reasons li + li {
	margin-top: 0.35em;
}

/* Copy of the reason lifted out of the collapsed .payment_box by checkout.js,
   so a customer can see why the option is unavailable without selecting it. */
.rla-surfaced {
	display: block;
	margin: 0.25em 0 0.75em 2.2em;
	padding: 0;
	opacity: 1;
	font-size: 0.875em;
	line-height: 1.5;
}

.rla-blocked .rla-surfaced {
	list-style: none;
	padding-left: 0;
}

.rla-terms-summary {
	margin: 0.5em 0 0;
	font-size: 0.9em;
}

.rla-credit-available {
	opacity: 0.8;
}

.rla-po-field {
	margin-top: 0.75em;
}

/* Invitation shown to customers without a credit account. */
.rla-public-notice {
	margin: 0.5em 0 0;
	font-size: 0.9em;
	line-height: 1.5;
}

.rla-public-notice p:last-child {
	margin-bottom: 0;
}

.rla-login-prompt {
	margin: 0.75em 0 0.25em;
}

.rla-blocked .rla-login-button {
	/* The row is dimmed, but the way back in must stay readable and clickable. */
	opacity: 1;
	position: relative;
	z-index: 1;
	pointer-events: auto;
	cursor: pointer;
}