/* intl-tel-input — sütun genişliği + Bootstrap uyumu + ülke listesi */
.iti {
  width: 100%;
  display: block;
  position: relative;
}

.iti__flag-container {
  z-index: 3;
}

.iti input.form-control,
.iti input.mm-phone-input,
.iti input.iti__tel-input {
  width: 100% !important;
  max-width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: #f8fafc;
  border-radius: 0.375rem 0 0 0.375rem;
  padding: 0 8px 0 10px;
}

.iti--separate-dial-code .iti__selected-dial-code {
  font-size: 0.875rem;
  color: #334155;
  font-weight: 600;
}

.iti__country-list {
  z-index: 2000;
  width: max(100%, 280px);
  max-width: min(100vw - 1.5rem, 340px);
  max-height: 260px;
  overflow-y: auto;
  border-radius: 0.5rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
}

.iti__country-list .iti__country {
  padding: 0.45rem 0.75rem;
}

.iti__country-list .iti__highlight,
.iti__country-list .iti__country:hover {
  background-color: rgba(57, 44, 125, 0.08);
}

/* Modal / sticky üstünde liste görünsün */
.modal .iti__country-list,
.modal-body .iti__country-list {
  z-index: 2100;
  max-height: 220px;
}

[class*="col-"] > .iti {
  max-width: 100%;
}

/* Hata metni iti dışında kalsın */
.iti .mm-field-error {
  display: none !important;
}

.form-control.is-invalid.mm-phone-input,
.iti input.is-invalid {
  border-color: #dc2626 !important;
}