/* ABACUS — правка №76: поле телефона с выбором страны (intl-tel-input) в размерах и цветах полей формы.
   Высота, рамка, скругление, фокус и ошибка — от самого поля (.f input), здесь только выбор страны и список. */
.iti {
  --iti-border-color: #B9C2CE;
  --iti-hover-color: rgba(9, 31, 54, .05);
  --iti-icon-color: #566273;
  --iti-country-selector-bg: #fff;
}
.f .iti { display: block; width: 100%; }
.f .iti .iti__tel-input { width: 100%; }
.f .iti__selected-country { border-radius: var(--r, 4px) 0 0 var(--r, 4px); }
.f .iti__selected-country:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--navy, #091F36); }
.f .iti__selected-dial-code { color: var(--ink, #16202D); font-size: 1rem; }
.iti__flag { border-radius: 2px; }
.iti__country-selector { border-color: #B9C2CE; border-radius: var(--r, 4px); box-shadow: 0 8px 24px rgba(9, 31, 54, .12); color: var(--ink, #16202D); }
.iti__search-input { font-size: 16px; }   /* iOS Safari не увеличивает страницу при фокусе */
.iti__search-input:focus { outline: none; }
.iti__country { padding-top: 10px; padding-bottom: 10px; }   /* удобно нажимать пальцем */
.iti__country.iti__highlight { background-color: rgba(9, 31, 54, .07); }

/* №77: список стран на компьютере (не полноэкранный: .iti--inline-country-selector). Список — до 260 px со своей
   прокруткой (вместе с поиском ~305 px), поиск остаётся сверху; на низких экранах высота уменьшается.
   Полноэкранный список на телефоне эти правила не затрагивают. */
.iti--inline-country-selector .iti__country-list { max-height: min(260px, calc(100vh - 160px)); overscroll-behavior: contain; }
.iti--inline-country-selector .iti__search-input {
  height: 44px;
  padding-left: calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + 14px);   /* 14 px после лупы */
  color: var(--ink, #16202D);
}
.iti--inline-country-selector .iti__search-input-wrapper:focus-within { border-bottom-color: var(--navy, #091F36); }   /* один контур фокуса */
