/**
 * CEV — signup / registration OTP popup extras.
 *
 * The shared popup card (overlay, card, typography, OTP input, buttons,
 * states, motion, responsive) lives in cev-popup.css and is loaded as a
 * dependency of this file. Only the #otp-popup shell belongs here.
 *
 * This stylesheet is also the one the Smart Form borrows, since the Smart
 * Form reuses #otp-popup for its OTP step.
 *
 * @package Customer_Email_Verification_Pro
 * @since   3.1.0
 */

/* ==========================================================================
   #otp-popup shell
   The root carries .cev-authorization-grid__visual, which supplies the
   fixed positioning and the scrim. This rule must NOT repaint the
   background or the merchant's overlay colour would be tinted twice — the
   ID would win over the class.
   ========================================================================== */

#otp-popup {
	display: none;
}

.otp_popup_inn {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.otp_content {
	width: 100%;
	height: 100%;
}

#otp-popup h3 {
	font-size: 20px;
	color: var( --cev-popup-text, #0f172a );
	font-weight: 600;
	margin-bottom: 10px;
}