/* Busca e filtros (US-002). Só Bootstrap + tokens; BEM só no que o Bootstrap não cobre. */

/* O painel de filtros acompanha a rolagem no computador; no celular ele é recolhível e rola junto com a página */
@media (min-width: 992px) {
  .search-filters {
    position: sticky;
    top: 1rem;
  }
}

/* O controle de ordenação quebra para baixo do total em 320 px em vez de estourar a largura */
.search-toolbar {
  min-width: 0;
}

.search-toolbar select {
  max-width: 100%;
}

/* "Ordenar" só aparece sem JavaScript: com ele, escolher a ordem já envia */
.search-toolbar [data-order-apply][hidden] {
  display: none;
}

/* Se o JavaScript não carregar, o Bootstrap não abre o painel recolhido; o botão "Filtros" é um link para #filtros e o :target o mostra.
   Com o JavaScript funcionando o clique é interceptado (o endereço não ganha o #filtros) e este seletor não entra em ação. */
#filtros.collapse:not(.show):target {
  display: block;
}