/* MagCart phone input integration for intl-tel-input 29.x. */
.iti {
  display: block;
  width: 100%;
  --iti-border-color: #dfe3ea;
  --iti-hover-color: rgba(37, 99, 235, .08);
  --iti-icon-color: #667085;
  --iti-country-selector-bg: #fff;
  --iti-strict-reject-flash-color: rgba(220, 38, 38, .12);
}

.iti .iti__tel-input {
  width: 100%;
}

.iti--show-selected-dial-code .iti__tel-input {
  padding-left: 94px !important;
}

.iti__selected-country {
  border-radius: 11px 0 0 11px;
  color: #344054;
}

.iti__selected-dial-code {
  font-size: .82rem;
  font-weight: 750;
}

.iti__country-selector {
  overflow: hidden;
  border-color: #dfe3ea !important;
  border-radius: 14px !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .18) !important;
}

.iti__search-input {
  min-height: 46px;
  border: 0;
  color: #1f2937;
  font: inherit;
}

.iti__country {
  min-height: 42px;
  color: #344054;
  font-size: .84rem;
}

.iti__country.iti__highlight {
  background: #eef4ff;
}

.phone-input-feedback {
  display: none;
  margin-top: 7px;
  color: #b42335;
  font-size: .76rem;
  font-weight: 650;
}

.phone-input-feedback.is-visible {
  display: block;
}

.mobile-number:invalid:not(:placeholder-shown) {
  border-color: #e05260 !important;
}

@media (max-width: 575.98px) {
  .iti--fullscreen-popup.iti--detached-country-selector {
    --iti-mobile-popup-margin: 22px;
  }

  .iti--fullscreen-popup .iti__country-selector {
    border-radius: 18px !important;
  }
}

@media (forced-colors: active) {
  .iti__selected-country:focus-visible,
  .iti__search-input:focus-visible {
    outline: 3px solid Highlight !important;
  }
}