:root{ --ceovw-brand: var(--wp--preset--color--primary, #3b82f6); }
#ceovw-overlay{position:fixed;inset:0;background:rgba(17,24,39,.6);display:flex;align-items:center;justify-content:center;z-index:99999}
#ceovw-overlay.ceovw-hidden{display:none}
.ceovw-modal{background:#fff;width:100%;max-width:540px;border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.18);padding:24px;position:relative;font:inherit}
.ceovw-close{background:transparent;border:none;font-size:22px;position:absolute;right:12px;top:10px;cursor:pointer}
.ceovw-modal h3{margin:0 0 8px;font-size:22px}
.ceovw-sub{color:#6b7280;margin-bottom:14px;word-break:break-word}
.ceovw-otp{display:flex;justify-content:center;gap:12px;flex-wrap:nowrap;padding:0 10px}
.ceovw-otp input{flex:1 1 60px;max-width:60px;height:52px;text-align:center;font-size:20px;border:1px solid #e5e7eb;border-radius:10px}
.ceovw-otp input:focus{outline:2px solid var(--ceovw-brand)}
.ceovw-btns{display:flex;gap:12px;align-items:center;margin-top:8px;flex-wrap:nowrap}
.ceovw-btns .ceovw-verify{flex:1 1 auto;height:46px}
.ceovw-btns .ceovw-resend{flex:0 0 auto;height:46px;padding:0 14px}
.ceovw-error{color:#b91c1c;min-height:20px;margin-top:8px}
.ceovw-verify.button-primary{background:var(--ceovw-brand);border-color:var(--ceovw-brand)}
.ceovw-resend[disabled]{opacity:.6;cursor:not-allowed}
@media(max-width:480px){.ceovw-modal{padding:18px;border-radius:14px}.ceovw-otp{gap:8px;padding:0 8px}.ceovw-otp input{flex:1 1 44px;max-width:44px;height:46px;font-size:18px}.ceovw-btns{gap:10px}.ceovw-btns .ceovw-verify,.ceovw-btns .ceovw-resend{height:44px}}
body.ceovw-locked{overflow:hidden}

.ceovw-error {
	margin-bottom: 0px;
}
.email_pop_up .ceovw-btns {
	justify-content: space-around;
}
.number_pop_up .ceovw-btns button{
	width:100%;
}

.number_pop_up .ceovw-btns .ceovw-mobile-verify{
	width: 85% !important;
	margin: 0px auto !important;
}

.number_pop_up .ceovw-error {
	text-align: center !important;
}


#ceovw_country_code{
	width: 33%;
	margin-right: 1%;
	display: inline-block;
}
#ceovw_phone_number{
	width: 66%;
	display: inline-block;	
}
.ceovw-loading
{
	position:relative;
	pointer-events:none !important;
	opacity:0.5 !important;
}
.ceovw-loading:before
{
	content: "";
  width: 18px;
  height: 18px;
  border: 3px solid 	rgba(255,255,255,0.4);
    border-top-color: rgba(255, 255, 255, 0.4);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  display: inline-block;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-top: 13px;
  margin-right: 15px;
}
@media (min-width:1025px){
	.email_pop_up .button.ceovw-resend {
		width: 195px;
	}
}