.iti { width: 100%; display: block; }
.iti__country-list { z-index: 1100; }

.iti--separate-dial-code .iti__selected-flag {
  background-color: transparent;
  border-right: 1px solid transparent;
  padding-left: 16px;
}

.iti--separate-dial-code .iti__selected-dial-code {
  font-weight: 600;
  color: var(--ba-text, #1b2a37);
  margin-left: 6px;
}

.iti input.ba-input,
.iti input[type=tel].ba-input {
  padding-left: 92px !important;
  padding-right: 50px !important;
}

.iti--allow-dropdown:hover .iti__selected-flag,
.iti--allow-dropdown .iti__selected-flag:focus,
.iti--allow-dropdown.iti--has-selected-country-on-top .iti__selected-flag {
  background-color: transparent;
}

.phone-invalid {
  border-color: var(--ba-danger, #dc2626) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ba-danger, #dc2626) 12%, transparent) !important;
}

.iti__country-list {
  border-radius: 12px;
  border: 1px solid var(--ba-border, #e7ebef);
  box-shadow: 0 18px 40px -16px rgba(20, 30, 50, 0.18);
  margin-top: 4px;
  max-height: 260px;
}

.iti__country.iti__highlight {
  background-color: var(--ba-input-bg, #f5f7fa);
}