/**
 * WP Membership signup form: the payment step now that the raw card fields are gone
 * and the buyer is handed over to Stripe Checkout, plus the inline field hints.
 */

.dmaic-checkout-note {
	margin: 0 0 18px;
	padding: 14px 16px;
	border: 1px solid #cfe3f7;
	border-left: 4px solid #635bff;
	border-radius: 8px;
	background: #f5f9ff;
	color: #26364d;
	font-size: 14px;
	line-height: 1.55;
}

.dmaic-checkout-note strong {
	display: block;
	margin-bottom: 4px;
	color: #1b2740;
	font-size: 15px;
	font-weight: 700;
}

.dmaic-checkout-note span {
	display: block;
}

.dmaic-coupon-note {
	margin: -8px 0 18px;
	color: #52627c;
	font-size: 13px;
	line-height: 1.5;
}

/* Requirements shown up front, rather than as an error after submitting. */
.dmaic-field-hint {
	display: block;
	margin-top: 5px;
	color: #6b7a90;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.45;
}

.dmaic-coupon-failed {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fdecec;
	color: #b4232a;
	font-size: 13px;
	font-weight: 700;
	cursor: help;
}

/*
 * Deliberately NOT hiding #card_number / #card_cvc from CSS as a fallback. Those
 * inputs carry data-validation="creditcard required"; hiding them while the vendor
 * validator is still bound would fail validation invisibly and reproduce the exact
 * dead-button symptom this change exists to remove. If signup-form.js does not run,
 * the fields stay visible and the server simply ignores them.
 */