/* FormFlow — Email Verification (2FA) for Elementor forms.
 *
 * The form shows normally; on submit the fields are hidden and this panel takes
 * over until the emailed code is verified.
 */

.ffe-2fa [hidden] { display: none !important; }

/* When verification is active, hide every form field group except this panel. */
.ffe-2fa-active .elementor-field-group:not(.ffe-2fa) { display: none !important; }
.ffe-2fa-active .ffe-2fa { margin: 0; }

/* Hide the "Save & Continue Later" button (appended outside the field groups). */
.ffe-2fa-active .ffe-save-continue { display: none !important; }

.ffe-2fa__panel {
	width: 100%;
	max-width: 460px;
	margin: 0 auto;
	padding: 22px 24px;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 22px rgba(0, 0, 0, .07);
	text-align: center;
}

.ffe-2fa__head { margin-bottom: 14px; }
.ffe-2fa__intro {
	display: block;
	font-size: 1.15em;
	font-weight: 700;
	margin-bottom: 4px;
}
.ffe-2fa__hint {
	display: block;
	font-size: .9em;
	opacity: .75;
}

.ffe-2fa__code {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin: 0 auto;
}
.ffe-2fa__input {
	flex: 1 1 160px;
	max-width: 220px;
	padding: 11px 12px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	font: inherit;
	font-size: 1.1em;
	letter-spacing: .35em;
	text-align: center;
}
.ffe-2fa__btn {
	cursor: pointer;
	border: 1px solid currentColor;
	background: transparent;
	border-radius: 8px;
	padding: 11px 18px;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
}
.ffe-2fa__btn[disabled] { opacity: .55; cursor: default; }

.ffe-2fa__links {
	display: flex;
	gap: 16px;
	justify-content: center;
	margin-top: 12px;
}
.ffe-2fa__resend,
.ffe-2fa__back {
	background: none;
	border: 0;
	padding: 0;
	font: inherit;
	font-size: .9em;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
	opacity: .8;
}
.ffe-2fa__resend:hover,
.ffe-2fa__back:hover { opacity: 1; }

.ffe-2fa__status {
	margin-top: 12px;
	font-size: .9em;
	min-height: 1.2em;
}
.ffe-2fa__status.is-ok { color: #15803d; }
.ffe-2fa__status.is-error { color: #b91c1c; }
