/* Telefon inputlarının genişlik sorununu çözer */
.iti {
  width: 100% !important;
}

.iti input {
  width: 100% !important;
}

/* Responsive düzeltme: Bayraklar solda düzgün hizalansın */
.iti__flag-container {
  margin-right: 8px;
}

/* Gereksiz kenar boşluklarını azaltır */
.iti--allow-dropdown input {
  padding-left: 48px !important;
}

/* Seçilen ülke kodunu daha net göster */
.iti__selected-flag {
  background-color: #f9fafb !important; /* Tailwind'in bg-gray-50 tonu */
  border-radius: 6px;
  padding: 4px;
}

/* Mobilde input boşlukları */
@media (max-width: 640px) {
  .iti input {
    padding-left: 44px !important;
  }
}