/**
 * WS Form Email OTP - minimal default styling.
 *
 * Intentionally small and low-specificity so themes can override it without a
 * fight. Turn it off entirely in Settings if you would rather style it yourself.
 */

.wsfeo-status {
	display: block;
	margin: 0.5em 0;
	font-size: 0.925em;
	line-height: 1.45;
	min-height: 1.45em;
}

.wsfeo-status:empty {
	margin: 0;
	min-height: 0;
}

.wsfeo-status.wsfeo-info {
	color: #3f3f46;
}

.wsfeo-status.wsfeo-success {
	color: #15803d;
}

.wsfeo-status.wsfeo-error {
	color: #b91c1c;
}

/* Code entry reads better spaced out, and it discourages autocorrect. */
input.otp-code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: 0.4em;
	text-align: center;
}

/* Busy state on the send/verify buttons. */
.wsfeo-busy {
	opacity: 0.65;
	cursor: progress;
}

/*
 * While the gate is shut, make forward navigation look unavailable. The click
 * is blocked in JS regardless - this is just so it does not look clickable.
 */
.wsfeo-locked [data-action="tab-next"],
.wsfeo-locked [data-tab-next],
.wsfeo-locked .wsf-button-next,
.wsfeo-locked .wsf-tab-next {
	opacity: 0.5;
	cursor: not-allowed;
}

.wsfeo-verified .wsfeo-status.wsfeo-success::before {
	content: "\2713\00a0";
	font-weight: 700;
}