/* Critical fallback styles for intl-tel-input to prevent always-visible country list */
.iti { position: relative; display: inline-block; }
.iti input[type=tel], .iti input[type=text] { padding-left: 52px; } /* space for flag when separateDialCode */
.iti__flag-container { position: absolute; top: 0; bottom: 0; left: 0; display: flex; align-items: center; }
.iti__selected-flag { cursor: pointer; padding: 0 8px; height: 100%; display: flex; align-items: center; }
.iti__country-list { position: absolute; z-index: 9999; max-height: 220px; overflow-y: auto; background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 8px rgba(0,0,0,.15); width: 280px; }
.iti__country-list.iti__hide { display: none; }
/* when plugin opens the dropdown it removes .iti__hide, so it becomes visible */
.iti__dial-code { opacity: 0.75; margin-left: 6px; }
.iti__country { padding: 6px 10px; cursor: pointer; }
.iti__country:hover { background: #f5f5f5; }
.iti--allow-dropdown input { padding-left: 86px; } /* more padding when dial code separate */