/* Wrapper do dropdown */
.cl-ctc-bairros-dd{
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  /* Abre para CIMA (colado no topo do input) */
  top: auto !important;
  bottom: 100% !important; 
  margin-bottom: 6px !important;
  z-index: 2147483647 !important; /* Z-Index máximo para garantir visibilidade */
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.15s ease, transform 0.15s ease;
  pointer-events: none;
}

/* Estado aberto */
.cl-ctc-bairros-dd[style*="display: block"]{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Caixa do dropdown (Lista) */
.cl-ctc-bairros-dd .cl-ctc-bairros-dd-list{
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.16) !important;
  
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.15) !important;
  padding: 6px !important;
  
  /* CORREÇÃO DO BUG: Altura reduzida para não bater na barra verde no mobile */
  max-height: 200px !important; 
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  
  /* Scroll bar customizada */
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.25) transparent;
}

/* Scroll bar webkit */
.cl-ctc-bairros-dd .cl-ctc-bairros-dd-list::-webkit-scrollbar{ width: 5px; }
.cl-ctc-bairros-dd .cl-ctc-bairros-dd-list::-webkit-scrollbar-track{ background: transparent; margin: 6px 0; }
.cl-ctc-bairros-dd .cl-ctc-bairros-dd-list::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.3); border-radius: 10px; }

/* Item do dropdown */
.cl-ctc-bairros-dd .cl-ctc-bairros-dd-item{
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  
  /* ESPAÇAMENTO: */
  padding: 9px 14px !important;
  
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  margin: 1px 0 !important;
  cursor: pointer;
  color: #1a1a1a !important;
  transition: background-color 0.1s ease;
  
  /* Quebra de linha suave */
  white-space: normal !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Negrito no texto digitado */
.cl-ctc-bairros-dd .cl-ctc-bairros-dd-item mark{
  background: transparent !important;
  color: inherit !important;
  font-weight: 700 !important;
  padding: 0 !important;
}

/* Estado ativo/hover */
.cl-ctc-bairros-dd .cl-ctc-bairros-dd-item:hover,
.cl-ctc-bairros-dd .cl-ctc-bairros-dd-item.is-active {
  background: rgba(0,0,0,.06) !important;
}

/* Mobile adjustments */
/* ... (mantenha todo o código de cima igual) ... */

/* Ajuste Fino Mobile */
@media (max-width: 480px){
  /* AUMENTAR AQUI: Controla a altura total da caixa */
  .cl-ctc-bairros-dd .cl-ctc-bairros-dd-list{ 
    max-height: 200px !important; /* Aumentei de 180px para 240px */
  }

  /* Mantém o botão confortável para o dedo */
  .cl-ctc-bairros-dd .cl-ctc-bairros-dd-item{
    font-size: 16px !important;    
    padding: 9px 15px !important; 
  }
}