/* Correção específica para cor do texto dos selects Select2 */
/* Este arquivo garante que o texto dos selects de tipos e bairros seja preto */

/* Estilos específicos para os selects de tipos e bairros */
#tipoSelect, #bairroSelect {
  color: #495057 !important;
  background-color: #ffffff !important;
}

/* Container do Select2 */
.select2-container--default .select2-selection--multiple {
  background-color: #ffffff !important;
  border: 2px solid #e9ecef !important;
  border-radius: 12px !important;
  color: #495057 !important;
}

/* Texto renderizado no Select2 */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  color: #495057 !important;
}

/* Placeholder do Select2 */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #6c757d !important;
}

/* Campo de busca do Select2 */
.select2-container--default .select2-selection--multiple .select2-search__field {
  color: #495057 !important;
  background-color: transparent !important;
}

/* Opções do dropdown do Select2 */
.select2-container--default .select2-results__option {
  color: #495057 !important;
  background-color: #ffffff !important;
}

/* Opção destacada no dropdown */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f8f9fa !important;
  color: #495057 !important;
}

/* Opção selecionada no dropdown */
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #e9ecef !important;
  color: #495057 !important;
}

/* Dropdown do Select2 */
.select2-dropdown {
  background-color: #ffffff !important;
  border: 2px solid #e9ecef !important;
  color: #495057 !important;
}

/* Garantir que as opções tenham cor preta */
.select2-container--default .select2-results__option {
  color: #495057 !important;
}

.select2-container--default .select2-results__option:hover {
  background-color: #f8f9fa !important;
  color: #495057 !important;
}

/* ESTILOS PARA AS TAGS/CHOICES SELECIONADAS */
/* Tags individuais que aparecem na caixa após seleção */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f9fa !important;
  border: 1px solid #e9ecef !important;
  border-radius: 6px !important;
  color: #495057 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 4px 8px !important;
  margin: 2px 4px 2px 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}

/* Hover nas tags */
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  background-color: #e9ecef !important;
  color: #495057 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* Botão de remover (X) nas tags */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #6c757d !important;
  margin-right: 6px !important;
  font-weight: bold !important;
  transition: all 0.3s ease !important;
}

/* Hover no botão de remover */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #dc3545 !important;
  transform: scale(1.1) !important;
}

/* Texto dentro das tags */
.select2-container--default .select2-selection--multiple .select2-selection__choice span {
  color: #495057 !important;
}

/* Responsividade para os selects */
@media only screen and (max-width: 767px) {
  #tipoSelect, #bairroSelect {
    font-size: 13px !important;
  }
  
  .select2-container--default .select2-selection--multiple {
    font-size: 13px !important;
  }
  
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 11px !important;
    padding: 3px 6px !important;
  }
}