/* Fits intl-tel-input into the theme's floating-label fields (.contact-form--grid .ff). */
.contact-form--grid .ff .iti {
	display: block;
	width: 100%;
}
/* The number sits low in the field (padding 23px top, 7px bottom); line the flag and dial code up with it. */
.contact-form--grid .ff .iti__country-container {
	padding-top: 16px;
}
/* phone.js starts the resting label after the dial code; once it floats it lines up with the flag, like the other fields. */
.contact-form--grid .ff .iti input:focus + label,
.contact-form--grid .ff .iti input:not(:placeholder-shown) + label {
	left: 16px !important;
}
.contact-form--grid .ff .iti__selected-country {
	background: transparent;
}
.contact-form--grid .ff .iti__selected-dial-code {
	color: var(--ink-2);
}
/* The theme's ".ff input" rule would otherwise give the country search box the field's padding. */
.contact-form--grid .ff .iti .iti__search-input {
	padding: 8px 12px 8px 32px;
	background: #fff;
	box-shadow: none;
}
.contact-form--grid .ff .iti__country {
	color: var(--ink-2);
}
.contact-form--grid .ff .iti__country.iti__highlight {
	background: #ece6fd;
}
.contact-form--grid .ff .iti__dropdown-content {
	z-index: 20;
}
.contact-form--grid .ff .bhnb-phone-error:not(:empty) {
	display: block;
	margin-top: 4px;
	font-size: 0.75rem;
	color: #e2231a;
}