/* Общие настройки вида телефонных полей (intl-tel-input) на всём сайте.
   Подключается на каждой странице после css библиотеки и до css страницы. */

/* Список стран всегда тёмным текстом на белом фоне: на тёмных формах текст страницы белый и иначе не виден.
   Шрифт задан явно: на части страниц у списка нет своего шрифта и применяется браузерный засечковый. */
.iti__country-selector {
  color: #1a1a1a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

/* Поле поиска страны. Страницы задают общие стили для всех input (отступы, рамка), из-за этого иконка лупы
   налезала на слово «Search». Отступы возвращены такими, как в библиотеке (место под лупу и кнопку очистки). */
.iti__country-selector .iti__search-input {
  padding-left: calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal)) !important;
  padding-right: calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal)) !important;
  border-width: 0 !important;
  color: #1a1a1a;
}