/* intl-tel-input's own stylesheet never sets an explicit text color or font-size on the dropdown -
   it just inherits whatever ambient styling applies wherever the phone input happens to live on
   the page. On pages/themes where that ambient color is light, the dropdown ends up with
   unreadable light-on-white text; on pages that zero out font-size to close up gaps between
   inline-block form fields (e.g. the storefront theme's ".inputs" wrapper), the country names and
   search box end up invisible at 0px. Pin sane, explicit values so the dropdown reads correctly
   everywhere. */
/* Set the baseline on the whole widget, not just the dropdown - the same ambient font-size:0
   also zeroes out the always-visible selected dial code next to the flag (".iti__selected-dial-code"),
   which has no explicit font-size of its own either. */
.iti {
    font-size: 14px;
}

.iti__country-list {
    background-color: #fff;
    color: #333;
}

.iti__search-input {
    color: #333;
}

.iti__country-name,
.iti__dial-code {
    color: inherit;
}