wide.form-row-password {
	display: none !important;
}

/* Ensure the plugin can position the flag inside properly */
.intl-tel-input {
	width: 100% !important;
	/* or the exact width you need */
	display: block;
	/* so the container behaves as a block */
}

.intl-tel-input input[type="tel"],
.intl-tel-input input {
	width: 100% !important;
	box-sizing: border-box;
	padding-left: 50px !important;
	/* adjust as necessary so the flag doesn't overflow */
}

/* If you use a theme that modifies input heights/padding, you may need something like: */
.intl-tel-input .iti__flag {
	left: 10px;
	/* or whatever places it properly */
}

/* Make sure dropdown z-index is high enough if it’s opening behind other elements */
.intl-tel-input .iti__country-list {
	z-index: 999999;
}

.iti__selected-flag {
	background-color: #601c1c00 !important;
}

.iti__selected-dial-code {
	display: none !important;
}

.iti__selected-dial-code {
	display: none !important;
}

/*
	1. Base/desktop default
	2. Tablet (medium screens)
	3. Mobile (small screens)
*/

/* 1. Base/Desktop styles */
.wd-side-hidden {
	--wd-side-hidden-w: 445px !important;
}

/* 2. Tablet breakpoints (example: <= 1024px) */
@media (max-width: 1024px) {
	.wd-side-hidden {
	--wd-side-hidden-w: 300px !important;
	}
}

/* 3. Mobile breakpoints (example: <= 767px) */
@media (max-width: 767px) {
	.wd-side-hidden {
	--wd-side-hidden-w: 300px !important;
	}
}

.iti__selected-country-primary {
	gap: 3px !important;
}

.iti__selected-country {
	background: #f000 !important;
}

.wd-col.col-register-text {
	display: none !important;
}

#customer_login {
	--wd-col-lg: 1 !important;
}

.wd-dropdown-register {
	width: 450px !important;
}

.wd-login-title {
	display: none !important;
}

.wawp-phone-badge.not-verified {
	display: flex;
	padding: 6px 12px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	width: fit-content;
	gap: 6px;
	white-space: nowrap;
	line-height: 18px;
	background: #ffe7e7;
	margin-top: 15px;
}

.wawp-phone-badge.verified {
	display: flex;
	padding: 6px 12px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	width: fit-content;
	gap: 6px;
	white-space: nowrap;
	line-height: 18px;
	color: #1d784a;
	background: #E0FAEC;
	margin-top: 15px;
}



.intl-tel-status {
	font-size: 12px !important;
	font-weight: 500;
	text-align: start !important;
}

/* Force reCAPTCHA badge visibility */
.grecaptcha-badge {
	z-index: 99999999 !important;
	display: block !important;
}

/* Standardize form widths */
.wawp-otp-login-form,
#wawp-signup-form {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.wawp-hide {
	display: none !important;
}


/* Specific button widths as requested: 65% for confirm, 35% for resend */