/* Logo responsiva */
@media only screen and (max-width: 1267px){
  .logo a {height: 100px;}
}

/* Esconde elementos opcionais */
.marcas {display:none;}

/* Força diminuição da fonte do menu - Tema Galeria */
#cabecalho nav.menu.superior .nivel-um > li > a,
#cabecalho nav.menu.superior .nivel-um > li > a strong,
.menu.superior .nivel-um > li a strong {
  font-size: 12px !important;
}

/* Hover em fundo secundário */
.fundo-secundario, .fundo-secundario * {color: #000;}
.fundo-secundario *:hover, .fundo-secundario:hover, .fundo-secundario.botao:hover {color:#654199;}

/* PRODUTOS - Seletores mais específicos - DESKTOP */
@media only screen and (min-width: 768px) {
  .pagina-inicial #listagemProdutos .listagem-linha,
  .pagina-categoria #listagemProdutos .listagem-linha,
  .pagina-busca #listagemProdutos .listagem-linha,
  .pagina-inicial #listagemProdutos .listagem-item,
  .pagina-categoria #listagemProdutos .listagem-item,
  .pagina-busca #listagemProdutos .listagem-item {
    display: inline-block !important;
    float: left !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
  }
}

/* BOTÕES dos produtos */
.listagem.com-caixa .listagem-item .acoes-produto {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.acoes-produto.hidden-phone .botao.botao-comprar.principal {
  background-color: #EB4692 !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
}

html body .acoes-produto.hidden-phone a.botao.botao-comprar.principal {
  background-color: #EB4692 !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

.acoes-produto.hidden-phone .botao.botao-comprar.principal:hover {
  background-color: #d63d85 !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Mobile: 1 produto por linha - APENAS para produtos */
@media only screen and (max-width: 767px) {
  .logo a img {max-height: 70%;}
  .scrollToTop {display: none !important;}
  
  /* ESPECÍFICO para listagem de produtos */
  .pagina-inicial #listagemProdutos,
  .pagina-categoria #listagemProdutos,
  .pagina-busca #listagemProdutos {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .pagina-inicial #listagemProdutos .listagem-linha,
  .pagina-categoria #listagemProdutos .listagem-linha,
  .pagina-busca #listagemProdutos .listagem-linha,
  .pagina-inicial #listagemProdutos .listagem-item,
  .pagina-categoria #listagemProdutos .listagem-item,
  .pagina-busca #listagemProdutos .listagem-item {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    float: none !important;
    margin: 0 0 30px 0 !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    clear: both !important;
  }
  
  /* Garante que listas de produtos ocupem 100% */
  .pagina-inicial #listagemProdutos ul,
  .pagina-categoria #listagemProdutos ul,
  .pagina-busca #listagemProdutos ul {
    display: block !important;
    width: 100% !important;
  }
  
  
  /* Override das classes span do tema */
  .pagina-busca .listagem > ul:not(.produtos-carrossel) > li[class*="span"],
  .pagina-categoria .listagem ul:not(.produtos-carrossel) > li[class*="span"] {
    width: 100% !important;
    float: none !important;
    display: block !important;
    clear: both !important;
  }
}

@media screen and (max-width: 767px) {
    /* ✅ SUPER ESPECÍFICO - garante que só afeta produtos */
    body.pagina-inicial #listagemProdutos .listagem li,
    body.pagina-categoria #listagemProdutos .listagem li,
    body.pagina-busca #listagemProdutos .listagem li {
        margin: 0 auto 20px auto !important;
        border: none;
        float: none !important;
        width: 90% !important;
        display: block !important;
        clear: both !important;
    }
}