/* Minimal — pricing cards reuse the theme's own .pricing-card, .grid,
   and .btn classes (Part 1's assets/css/main.css) so they match
   visually when the TandT theme is active. This file only covers the
   small admin-note style used when TandT Forms isn't active. */
.tandt-rp-admin-note {
	background: #FFF6DA;
	border: 1px solid #F0DDA0;
	color: #7A5B00;
	padding: 0.8em 1em;
	border-radius: 4px;
	font-size: 0.9rem;
}

/* OTP entry step — see gate-cta.php's tandt_rp_render_otp_form(). Kept
   simple and text-forward, matching the plain-form style Part 2's own
   forms use, rather than introducing a visually distinct new widget
   style just for this one step. */
.tandt-rp-otp-notice {
	padding: 0.7em 1em;
	border-radius: 6px;
	font-size: 0.9rem;
	margin-bottom: 1em;
}
.tandt-rp-otp-notice--success { background: #d1e7dd; color: #0f5132; }
.tandt-rp-otp-notice--error { background: #f8d7da; color: #842029; }

.tandt-rp-otp-form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em;
	margin-bottom: 0.6em;
}
.tandt-rp-otp-input {
	flex: 1 1 140px;
	min-width: 0;
	font-size: 1.3rem;
	letter-spacing: 0.3em;
	text-align: center;
	padding: 0.5em 0.4em;
	border: 1px solid var(--tandt-border, #D9DFE6);
	border-radius: 6px;
}
.tandt-rp-otp-resend {
	margin: 0;
}
.tandt-rp-otp-resend-btn {
	background: none;
	border: none;
	padding: 0;
	color: var(--tandt-primary, #0E7CB5);
	font-size: 0.86rem;
	font-weight: 600;
	cursor: pointer;
	text-decoration: underline;
}
.tandt-rp-otp-resend-btn:hover { color: var(--tandt-navy, #0F172A); }