/**
 * Searchable country-code dropdown — enhances every
 * <select class="phone-code-select"> via assets/js/phone-code-select.js.
 * Shared across the registration form, both Edit Profile modals, and
 * the option-unit modal, so this is deliberately self-contained (no
 * dependency on any one form's own CSS variables) rather than living in
 * auth.css/account-dropdown.css/floor-plans.css and being duplicated.
 */

.wpc-phone-native-select{
	position:absolute !important;
	opacity:0; pointer-events:none;
	width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0,0,0,0);
}

/* Padding/font-size/line-height/border deliberately match the adjacent
   text input's box model exactly (see .wpc-auth-field-input input /
   .phone-field input[type="tel"] in the form-specific stylesheets) so
   the two sit at the same height without relying on flex-stretch, which
   only works if both are direct children of the same flex row — not
   true in every one of the 4 forms this is used in. */
.wpc-phone-select-btn{
	flex:none; width:88px;
	display:flex; align-items:center; gap:4px;
	padding:12px 10px 12px 12px; border:1px solid #d4cbc4; border-radius:4px;
	font-family:inherit; font-size:14px; line-height:1.5; color:#1d1916; background:#f4f2f0;
	cursor:pointer; box-sizing:border-box; text-align:left;
}
.wpc-phone-select-btn:hover{background:#e9e5e1;}
.wpc-phone-select-btn-flag{font-size:1.05em; line-height:1;}
.wpc-phone-select-btn-chev{margin-left:auto; color:#a67c4a; font-size:.75em;}

.wpc-phone-select-panel{
	display:none;
	position:absolute; top:calc(100% + 6px); left:0; z-index:50;
	width:260px; max-width:80vw;
	background:#ffffff; border:1px solid #d4cbc4; border-radius:10px;
	box-shadow:0 12px 32px rgba(29,25,22,.18);
	overflow:hidden;
}
.wpc-phone-select-panel.open{display:block;}

.wpc-phone-search{
	display:block; width:100%; box-sizing:border-box;
	padding:.7em .85em; border:none; border-bottom:1px solid #e9e5e1;
	font-family:inherit; font-size:.85rem; color:#1d1916; outline:none;
}
.wpc-phone-search:focus{background:#f4f2f0;}

.wpc-phone-option-list{max-height:260px; overflow-y:auto; padding:6px 0;}

.wpc-phone-group-label{
	padding:6px 14px 4px; font-size:.68rem; font-weight:700; letter-spacing:.06em;
	text-transform:uppercase; color:#a67c4a;
}
.wpc-phone-divider{height:1px; background:#e9e5e1; margin:6px 0;}

.wpc-phone-option{
	display:flex; align-items:center; gap:10px; width:100%; box-sizing:border-box;
	padding:7px 14px; border:none; background:none; cursor:pointer;
	font-family:inherit; font-size:.84rem; color:#1d1916; text-align:left;
}
.wpc-phone-option:hover, .wpc-phone-option:focus{background:#f4f2f0; outline:none;}
.wpc-phone-option-flag{flex:none; font-size:1.1em; line-height:1;}
.wpc-phone-option-name{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wpc-phone-option-dial{flex:none; color:#a67c4a;}

.wpc-phone-no-results{padding:14px; font-size:.82rem; color:#8a8078; text-align:center;}