/* Customizações para o intl-tel-input no formulário */

/* Ajusta o container e garante que o dropdown não seja cortado */
.iti {
  width: 100%;
  display: block;
  position: relative;
  overflow: visible;
}

/* Padroniza fonte do input e do código do país */
.iti input,
.iti .iti__selected-dial-code {
  font-size: 16px;
  line-height: 1.4;
}

/* Garante que o input tenha o mesmo tamanho dos outros campos */
/* Removidos estilos específicos do input para manter aparência padrão do site */

/* Quando usando separateDialCode, garante espaço adequado para bandeira + código */
/* (removido) ajuste de padding quando separateDialCode estiver ativo */

/* Ajusta o container da bandeira */
.iti__country-container {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  z-index: 20;
  padding: 0;
  overflow: visible;
  display: flex;
  align-items: center;
}

/* Ajusta o botão da bandeira */
.iti__selected-country {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  background: transparent;
  border: none;
  border-radius: 4px;
  transition: background-color 0.2s ease-in-out;
}

.iti__selected-country:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Ajusta o tamanho da bandeira para evitar vazamento */
.iti__flag {
  width: 16px !important;
  height: 12px !important;
  background-size: 3904px 12px !important;
  margin-right: 6px;
  margin-left: 0;
  overflow: hidden;
}

/* Ajusta o código do país */
.iti__selected-dial-code {
  display: none !important;
}

/* Ajusta a seta do dropdown */
.iti__arrow {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #6b7280;
  margin-left: 4px;
}

/* Ajusta o dropdown */
.iti__dropdown-content {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  background: white;
  max-height: 200px;
  overflow-y: auto;
}

/* Garante que a lista de países apareça acima de tudo */
.iti__country-list {
  z-index: 9999;
}

/* Mostra e estiliza a busca do dropdown */
.iti .iti__search-input {
  display: block;
  padding: 8px 12px;
  padding-left: 44px !important; /* mais espaço para o ícone de busca */
  padding-right: 34px; /* espaço para o botão de limpar */
  margin: 6px;
  width: calc(100% - 12px);
  border: 1px solid #d1d5db;
  border-radius: 6px;
}

/* Reposiciona o ícone de busca para alinhar com o padding */
.iti .iti__search-icon {
  left: 14px !important;
}

/* Ajusta os itens do dropdown */
.iti__country {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

.iti__country:hover {
  background-color: #f3f4f6;
}

.iti__country-name {
  margin-left: 8px;
  font-size: 14px;
  color: #374151;
}

.iti__dial-code {
  margin-left: auto;
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
}

/* Ajusta a bandeira no dropdown */
.iti__country .iti__flag {
  width: 16px !important;
  height: 12px !important;
  background-size: 3904px 12px !important;
  overflow: hidden; /* Evita vazamento de outras bandeiras */
}

/* Estados de erro */
/* (removido) estados de erro/sucesso específicos do input do plugin */

/* Responsividade */
@media (max-width: 640px) {
  .iti input.iti__tel-input {
    height: 44px;
    padding-left: 55px;
  }
  .iti__country-container {
    left: 10px;
    right: auto;
  }

  .iti__flag {
    width: 16px !important;
    height: 12px !important;
  }
}

/* (revert) dropdown segue alinhamento padrão do plugin */

/* (revert) sem rótulo embutido personalizado */