/* QMP Email OTP Verification - front-end styles */

.qmp-otp-wrap {
	--qmp-otp-accent: #7b3f4f;
	--qmp-otp-error: #c0392b;
	--qmp-otp-success: #2e7d32;
	--qmp-otp-border: #d7d7d7;

	margin: 8px 0 16px;
	font-family: inherit;
	font-size: 14px;
}

.qmp-otp-btn {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid var(--qmp-otp-accent);
	border-radius: 4px;
	background: var(--qmp-otp-accent);
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
	cursor: pointer;
	transition: opacity 0.15s ease;
}

.qmp-otp-btn:hover:not(:disabled) {
	opacity: 0.9;
}

.qmp-otp-btn:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.qmp-otp-link-btn {
	background: transparent;
	color: var(--qmp-otp-accent);
	border-color: transparent;
	padding: 8px 6px;
}

.qmp-otp-code-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
}

.qmp-otp-code-input {
	width: 140px;
	padding: 8px 10px;
	border: 1px solid var(--qmp-otp-border);
	border-radius: 4px;
	font-size: 15px;
	letter-spacing: 2px;
}

.qmp-otp-badge {
	display: inline-block;
	margin-top: 8px;
	padding: 6px 12px;
	border-radius: 4px;
	background: rgba(46, 125, 50, 0.1);
	color: var(--qmp-otp-success);
	font-weight: 600;
}

.qmp-otp-message {
	margin-top: 8px;
	min-height: 18px;
	font-size: 13px;
}

.qmp-otp-message--error {
	color: var(--qmp-otp-error);
}

.qmp-otp-message--success {
	color: var(--qmp-otp-success);
}

.qmp-otp-message--info {
	color: #555;
}

/* Visual feedback on Quiz Maker Pro's own Next / Start button while the
   email on this form has not been verified yet. The real block is a JS
   click-capture guard - this class is cosmetic only. */
.ays_next.qmp-otp-locked,
.ays_next_arrow.qmp-otp-locked {
	opacity: 0.5;
	cursor: not-allowed;
}