/* Matches nexusorb.com's Elementor form field styling (measured live from
   #form-field-phone's computed style: 42px height, 0.8px navy-tinted border,
   17px Outfit, rgba(0,36,70,.82) text) — only vertical/right padding and
   height/border/font are overridden; left padding is left to intl-tel-input's
   own layout so the flag dropdown keeps its calculated clearance. */

.iti {
	display: block;
	width: 100%;
}

.iti input.iti__tel-input {
	height: 42px;
	border: 0.8px solid rgba(0, 36, 70, 0.17);
	border-radius: 0;
	font-size: 17px;
	font-family: Outfit, sans-serif;
	color: rgba(0, 36, 70, 0.82);
	background-color: #ffffff;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 14px;
	transition: border-color 0.2s ease;
}

.iti input.iti__tel-input:focus {
	border-color: rgba(12, 97, 178, 0.55);
	outline: none;
}

.iti__selected-country:hover,
.iti__selected-country:focus {
	background-color: rgba(0, 36, 70, 0.04);
}

/* Compact country dropdown — the default inherited 17px page font-size wrapped
   long country names ("Bosnia and Herzegovina" etc.) onto a second line. */
.iti__country-list {
	font-size: 14px;
}

.iti__country {
	padding-top: 6px;
	padding-bottom: 6px;
}

.iti__country-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}