/* 1. Bloqueia totalmente o clique do mouse na área da bandeira */
.iti__selected-country {
  pointer-events: none !important;
  cursor: default !important;
}

/* 2. Oculta a caixa da lista inteira (incluindo bordas, setas do container e sombras) */
.iti__country-list {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 3. Garante que mesmo se o plugin tentar abrir, a lista continue 100% invisível */
.iti--open-dropdown .iti__country-list {
  display: none !important;
}

.webform-submission-anuncio-gratuito-form {
  width: 1000px !important;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 1. Oculta o input de arquivo nativo do navegador que fica por trás */
.solo-file-upload-wrapper input[type="file"].solo-file-native {
  display: none !important;
}

/* 2. Transforma o bloco "Choose File" (span) no seu botão branco "Selecionar Imagem" */
.solo-file-upload-wrapper .solo-file-button {
  display: inline-block !important;
  background-color: #ffffff !important; /* Fundo Branco */
  color: #333333 !important; /* Texto Escuro */
  border: 1px solid #cccccc !important; /* Borda Cinza */
  border-radius: 4px !important; /* Cantos Arredondados */
  padding: 8px 16px !important; /* Espaçamento interno de botão */
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  text-align: center !important;
  font-size: 0 !important; /* Apaga o texto "Choose File" original */
  transition: all 0.3s ease !important;
}

/* 3. Injeta o texto "Selecionar Imagem" em português dentro do botão */
.solo-file-upload-wrapper .solo-file-button::before {
  content: "Selecionar Imagem" !important;
  font-size: 14px !important; /* Devolve o tamanho correto para o novo texto */
}

/* 4. Oculta o texto cinza "No file chosen" para limpar o visual */
.solo-file-upload-wrapper .solo-file-name {
  display: none !important;
}

/* 5. Aplica o efeito visual de hover (passar o mouse) apenas no botão branco */
.solo-file-upload-wrapper .solo-file-button:hover {
  background-color: #f5f5f5 !important;
  border-color: #adadad !important;
}

/* Remove a ação de clique e mantém o cursor padrão apenas no título do campo */
#edit-imagem-do-anuncio--label,
.form-item__label[for="edit-imagem-do-anuncio-upload"] {
  pointer-events: none !important;
  cursor: default !important;
}