.wa-phone-field{margin-bottom:16px!important;direction:ltr!important;text-align:left!important;unicode-bidi:ltr!important}
.wa-phone-field label{direction:rtl!important;text-align:right!important;unicode-bidi:ltr!important;margin-bottom:6px;display:block}
.wa-phone-field .iti{direction:ltr!important;text-align:left!important;unicode-bidi:ltr!important;width:100%!important;position:relative;display:flex!important;flex-direction:row!important;align-items:stretch}
.wa-phone-field .iti .iti__flag-container{direction:ltr!important;unicode-bidi:ltr!important;float:none!important;position:relative;flex:0 0 auto;display:flex;align-items:stretch}
.wa-phone-field .iti .iti__selected-flag{direction:ltr!important;unicode-bidi:ltr!important;float:none!important;display:flex!important;align-items:center;padding:0 8px 0 10px;border:1px solid #ddd;border-right:none;border-radius:4px 0 0 4px;background:#f8f8f8;cursor:pointer;white-space:nowrap;min-height:44px}
.wa-phone-field .iti .iti__selected-flag .iti__flag{display:block;width:20px;height:15px;margin-right:6px}
.wa-phone-field .iti .iti__selected-dial-code{direction:ltr!important;unicode-bidi:ltr!important;float:none!important;margin:0 0 0 4px;font-size:14px;color:#333;font-weight:500}
.wa-phone-field .iti input.wa-phone-input,.iti input.wa-phone-input{direction:ltr!important;text-align:left!important;unicode-bidi:ltr!important;float:none!important;border-radius:0 4px 4px 0!important;border-left:1px solid #ddd!important;min-height:44px;font-size:15px;padding:10px 14px}
.wa-phone-field .iti input.wa-phone-input:focus,.iti input.wa-phone-input:focus{border-color:#25D366!important;outline:none;box-shadow:0 0 0 1px #25D366}
.iti__country-list{direction:ltr!important;text-align:left!important;unicode-bidi:ltr!important;border-radius:6px;border:1px solid #ddd;box-shadow:0 4px 16px rgba(0,0,0,.18)!important;z-index:999999!important;background:#fff;margin:4px 0 0 0;padding:4px 0!important;max-height:260px;overflow-y:auto}
.iti__country-list .iti__country{padding:8px 12px!important;cursor:pointer;display:flex;align-items:center;font-size:14px}
.iti__country-list .iti__country:hover{background:#f0f0f0}
.iti__country-list .iti__country.iti__highlight,.iti__country-list .iti__country.iti__standard.iti__active{background:#25D366!important;color:#fff!important}
.iti__country-list .iti__dial-code{color:#888;margin-left:auto;font-size:13px}
.iti__country-list .iti__flag{margin-right:10px;flex-shrink:0}
.login-form-side .iti{width:100%!important}
.woocommerce .iti{max-width:100%}

/* Send OTP button - replaces login submit, styled as WooCommerce primary button */
.wa-send-otp-btn,.wa-send-otp-row .wa-send-otp-btn{
	background-color:#25D366!important;
	color:#fff!important;
	border:none!important;
	width:100%;
	padding:12px 20px;
	font-size:16px;
	font-weight:600;
	border-radius:4px;
	cursor:pointer;
	transition:background .2s;
	text-align:center;
	display:block;
	line-height:1.4;
	min-height:44px;
}
.wa-send-otp-btn:hover,.wa-send-otp-row .wa-send-otp-btn:hover{
	background-color:#1ebe57!important;
	color:#fff!important;
}
.wa-send-otp-btn:disabled,.wa-send-otp-row .wa-send-otp-btn:disabled{
	background-color:#999!important;
	cursor:not-allowed;
}

/* OTP container */
.wa-otp-container{margin-top:18px;padding:18px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}
.wa-otp-container .wa-otp-input{width:100%;padding:14px;font-size:22px;text-align:center;letter-spacing:10px;font-weight:700;border:2px solid #ddd;border-radius:6px;direction:ltr}
.wa-otp-container .wa-otp-input:focus{border-color:#25D366;box-shadow:0 0 0 1px #25D366}
.wa-verify-otp-btn{background-color:#25D366!important;color:#fff!important;border:none!important;width:100%;padding:12px 20px;font-size:16px;font-weight:600;border-radius:4px;cursor:pointer;transition:background .2s;min-height:44px}
.wa-verify-otp-btn:hover{background-color:#1ebe57!important;color:#fff!important}
.wa-verify-otp-btn:disabled{background-color:#999!important;cursor:not-allowed}
.wa-otp-status{margin-bottom:12px}
.wa-otp-resend-row{text-align:center;margin-top:14px;font-size:13px}
.wa-resend-otp-link{color:#25D366;text-decoration:underline;font-weight:500;cursor:pointer}
.wa-resend-otp-link:hover{color:#1ebe57}
.wa-otp-countdown{color:#888;font-weight:500}
.login-form-side .wa-phone-field,.login-form-side .wa-otp-container{width:100%}

/* Shortcode containers */
.wpl-shortcode-wrap{max-width:420px;margin:0 auto;padding:20px}
.wpl-shortcode-wrap h2{text-align:center;margin-bottom:20px;font-size:22px}

@media(max-width:480px){
	.wa-phone-field .iti input.wa-phone-input{font-size:16px;padding:12px}
	.wa-send-otp-btn,.wa-verify-otp-btn{padding:14px 20px;font-size:16px}
	.iti__country-list{max-height:200px;overflow-y:auto}
	.wpl-shortcode-wrap{padding:12px}
}