/* Listagens da loja (ListagemProdutos.html, ShopFrontFilters.html, filtros-loja.js). */

/* While a change is fetched: the list fades, the filters wait and a spinner shows (filtros-loja.js). */
#listpage .content { position: relative; }
#listpage #productList,
#listpage .sidebar { transition: opacity .15s; }
#listpage.a-carregar #productList { opacity: .4; pointer-events: none; }
#listpage.a-carregar .sidebar { pointer-events: none; }
#listpage .lista-a-carregar { display: none; position: absolute; left: 50%; top: 120px; z-index: 5; margin-left: -1rem; }
#listpage.a-carregar .lista-a-carregar { display: block; }

#listpage .lista-ordem select { min-width: 180px; }
#listpage .etiqueta-filtro { border-radius: 20px; }
#listpage .etiqueta-filtro span { margin-left: 4px; font-weight: bold; }

/* On a phone the sidebar is a panel over the list: its close button stays at the bottom. */
#listpage .filtros-rodape-movel { position: sticky; bottom: 0; background: #fff; padding: 12px 0; }

/* "Quis dizer…?" above a search's list (SearchResults). */
.pesquisa-aviso { margin-bottom: 1rem; font-size: 1.05rem; }
.pesquisa-aviso p { margin-bottom: .35rem; }
.pesquisa-aviso a { text-decoration: underline; }