/* Vendor-safe visual enhancement: no commercial plugin files are modified. */
.cev-authorization-grid__visual,
.cev-authorization-grid__inner,
.cev-authorization,
.cev-authorization__holder {
	box-sizing: border-box;
}

.cev-authorization-grid__inner,
.cev-authorization__holder {
	width: min(92vw, 440px) !important;
	max-width: 100%;
	margin-inline: auto;
	border-radius: 18px;
}

.cev-authorization__holder {
	padding: clamp(0.95rem, 3vw, 1.5rem) !important;
	background: #0d1b17 !important;
	color: #eef8f3 !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.cev-authorization .najd-verification-logo {
	display: block;
	width: min(180px, 54vw) !important;
	height: 76px !important;
	margin: 0 auto 0.75rem !important;
	object-fit: contain !important;
	object-position: center;
}

.cev-authorization__title {
	margin-block: 0.35rem !important;
	font-size: clamp(1.3rem, 4vw, 1.7rem) !important;
	line-height: 1.35 !important;
}

.cev-authorization__description {
	margin-block: 0.35rem 0.8rem !important;
}

.cev-authorization__title,
.cev-authorization__description,
.cev-customer-email-display {
	color: inherit !important;
	text-align: start;
}

.cev-authorization__holder .cev_already_verify,
.cev-authorization__holder .cev-authorization__footer,
.cev-authorization__holder .cev-authorization__footer a,
.cev-authorization__holder .cev-link-try-again,
.cev-authorization__holder label,
.cev-authorization__holder p {
	color: #d8fff7 !important;
}

.cev-authorization__holder .cev_already_verify[style] {
	opacity: 0.82;
}

.otp-container {
	flex-wrap: nowrap;
	justify-content: center;
	gap: clamp(0.35rem, 2vw, 0.75rem) !important;
	direction: ltr;
}
.otp-container:not([style*="display:none"]):not([style*="display: none"]) {
	display: flex !important;
}

.otp-container[style*="display:none"],
.otp-container[style*="display: none"] {
	display: none !important;
}


.otp-container .otp-input {
	inline-size: clamp(2.55rem, 12vw, 3.2rem) !important;
	block-size: clamp(2.9rem, 13vw, 3.55rem) !important;
	min-inline-size: 0;
	border: 1px solid #52645d !important;
	border-radius: 10px !important;
	background: #07120f !important;
	color: #fff !important;
	font-size: clamp(1.2rem, 5vw, 1.6rem) !important;
	font-weight: 700;
	text-align: center;
	caret-color: #16c784;
}

.otp-container .otp-input:focus-visible,
.cev-authorization button:focus-visible,
.cev-authorization a:focus-visible {
	outline: 3px solid #16c784 !important;
	outline-offset: 2px !important;
}

.cev-authorization .error_mesg,
.cev-authorization .woocommerce-error {
	margin-block: 0.75rem;
	padding: 0.7rem 0.85rem;
	border-inline-start: 3px solid #ff6b6b;
	border-radius: 6px;
	background: rgba(255, 107, 107, 0.1);
	color: #ffd8d8 !important;
	text-align: start;
}

.cev-authorization .cev-send-verification-code,
.cev-authorization button[type="submit"] {
	min-block-size: 44px;
	border-radius: 8px !important;
	background: #16c784 !important;
	color: #07120f !important;
	font-weight: 700 !important;
}

.cev-authorization .back_btn {
	color: #a9bbb4 !important;
	text-underline-offset: 0.2em;
}

.cev-authorization .cev-pin-verification__success,
.cev-authorization .cev-success-display {
	margin-block: 0.75rem;
	padding: 0.7rem 0.85rem;
	border-inline-start: 3px solid #16c784;
	border-radius: 6px;
	background: rgba(22, 199, 132, 0.12);
	color: #d8fff7 !important;
	text-align: start;
}

.cev-authorization .cev_resend_link_front,
.cev-authorization .cev-send-verification-code {
	min-height: 44px;
}

.cev-authorization .blockUI.blockOverlay {
	border-radius: 18px;
	background: rgba(7, 18, 15, 0.72) !important;
	opacity: 1 !important;
}

.cev-authorization[aria-busy="true"] {
	cursor: progress;
}

[dir="rtl"] .cev-authorization__title,
[dir="rtl"] .cev-authorization__description,
[dir="rtl"] .cev-customer-email-display,
[dir="rtl"] .cev-authorization .error_mesg {
	text-align: right;
}

@media (max-width: 359px) {
	.cev-authorization__holder {
		padding-inline: 0.8rem !important;
	}

	.otp-container {
		gap: 0.3rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cev-authorization *,
	.cev-authorization *::before,
	.cev-authorization *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}