/* HALT - banner principal em tela cheia: a imagem acompanha a largura da tela (sem cortar) */
.banner-full img,
.banner-full picture img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* HALT - cabeçalho transparente por cima do banner, só na página inicial e só no computador.
   Ao rolar a página o cabeçalho volta a ficar preto (classe .fixed do tema). */
@media (min-width: 1025px) {
  body.pagina-inicial:not(.fixed) #cabecalho,
  body.pagina-inicial:not(.fixed) .menu-desktop { background: transparent !important; box-shadow: none !important; border: 0 !important; }
  /* só os itens principais do menu ficam brancos; o submenu (fundo branco) continua com texto escuro */
  body.pagina-inicial:not(.fixed) .menu-desktop .menu > ul.nivel-um > li > a,
  body.pagina-inicial:not(.fixed) .menu-desktop .menu > ul.nivel-um > li > a * { color: #fff !important; }
  body.pagina-inicial:not(.fixed) .menu-desktop .menu > ul.nivel-um > li > a svg,
  body.pagina-inicial:not(.fixed) .menu-desktop .menu > ul.nivel-um > li > a svg * { fill: #fff !important; }
  body.pagina-inicial .secao-banners { margin-top: -170px; }
}

/* HALT 16/10 - categorias antigas fora do menu (continuam ativas, links funcionando) */
li.categoria-id-23400648, li.categoria-id-23262674, li.categoria-id-23262664, li.categoria-id-23768997,
li.categoria-id-23262675, li.categoria-id-23254451, li.categoria-id-23264468, li.categoria-id-23264580,
li.categoria-id-23256412, li.categoria-id-23256413, li.categoria-id-23748281 { display: none !important; }

/* HALT 16/10 - home só com as vitrines Lançamentos e Outlet (categorias em destaque) */
body.pagina-inicial .vitrine-lancamento,
body.pagina-inicial .vitrine-destaque,
body.pagina-inicial .vitrine-instagram { display: none !important; }

/* HALT 16/10 - redes sociais: só Instagram */
.lista-facebook { display: none !important; }

/* HALT - cards em 4:5 para as fotos 1200x1500 (ATIVAR quando as fotos novas subirem: tirar os comentários)
.listagem-item .imagem-produto { aspect-ratio: 4 / 5; overflow: hidden; background: #f5f5f5; }
.listagem-item .imagem-produto img { width: 100% !important; height: 100% !important; object-fit: cover; }
*/

/* HALT 16/10 - menu igual ao layout: Lançamentos, Mais Vendidos, Outlet e Nossa História (sem o botão "Categorias") */
.menu-desktop .menu > ul.nivel-um > li.todas-categorias { display: none !important; }

/* HALT 16/10 - um botão de WhatsApp só (fica o verde da direita; o da esquerda do tema saía repetido) */
.suporte-flutuante.wp-botao { display: none !important; }

/* HALT 16/10 - menu do celular: os 4 itens cabem na tela sem precisar arrastar */
@media (max-width: 480px) {
  #cabecalho .menu-rapido > ul { justify-content: space-between; }
  #cabecalho .menu-rapido > ul > li { margin-right: 0 !important; }
  #cabecalho .menu-rapido > ul > li a,
  #cabecalho .menu-rapido > ul > li strong { font-size: 10.5px !important; letter-spacing: 0 !important; }
}

/* HALT 16/10 - celular: produtos centralizados nas páginas de categoria (a coluna lateral vazia empurrava tudo para a direita) */
@media (max-width: 767px) {
  .secao-principal > .coluna { display: none !important; }
  .secao-principal > .conteudo { width: 100% !important; margin-left: 0 !important; }
}

/* HALT 16/10 - depoimentos sem a estrela no título */
.vitrine-depoimentos .titulo-categoria svg { display: none !important; }


/* HALT 17/10 - produtos sem estoque (marcados "indisponível") somem das listagens, categorias e busca.
   Voltam sozinhos quando o estoque é reposto. Carrosséis ficam de fora para não abrir buracos.
   Para desfazer: apagar este bloco. */
.listagem-item.indisponivel:not(.slick-slide) { display: none !important; }


/* HALT 18/10 - cabeçalho: logo e menu na mesma linha (computador) e sem "Central de Atendimento".
   O menu é levado para dentro do cabeçalho pelo código HTML "HALT - Menu na linha do logo" (classe .halt-menu-linha).
   Para desfazer: apagar este bloco e aquele código. */
#cabecalho .painel-atendimento{display:none !important;}
#cabecalho .painel-conta .d{white-space:nowrap !important;gap:4px;}
#cabecalho .painel-conta{flex-shrink:0;}
@media (min-width:1025px){
  #cabecalho .cabecalho-inside.halt-menu-linha{display:flex !important;align-items:center;}
  #cabecalho .halt-menu-linha > .menu-desktop{position:static !important;width:auto !important;flex:1 1 auto;background:transparent !important;box-shadow:none !important;border:0 !important;height:auto !important;margin:0 12px !important;}
  #cabecalho .halt-menu-linha .menu-desktop .conteiner,#cabecalho .halt-menu-linha .menu-desktop .row-fluid,#cabecalho .halt-menu-linha .menu-desktop .menu{width:auto !important;max-width:none !important;padding:0 !important;margin:0 !important;background:transparent !important;}
  #cabecalho .halt-menu-linha .menu-desktop .menu > ul.nivel-um{justify-content:center;flex-wrap:nowrap !important;background:transparent !important;}
  #cabecalho .halt-menu-linha .menu-desktop .menu > ul.nivel-um > li{flex:0 0 auto !important;width:auto !important;min-width:0 !important;}
  #cabecalho .halt-menu-linha .menu-desktop .menu > ul.nivel-um > li > a{white-space:nowrap !important;padding-left:10px !important;padding-right:10px !important;color:#fff !important;}
  #cabecalho .halt-menu-linha .menu-desktop .menu > ul.nivel-um > li > a *{color:#fff !important;}
  #cabecalho .halt-menu-linha .busca-mobile.visible-desktop{flex:0 0 190px !important;max-width:190px !important;}
  #cabecalho .halt-menu-linha > .hamburger{display:none !important;}
}


/* HALT 18/10 - sombra suave atrás do cabeçalho transparente da home, para o logo e o menu brancos aparecerem em cima do banner claro */
@media (min-width:1025px){
  body.pagina-inicial:not(.fixed) #cabecalho{background:linear-gradient(to bottom, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 70%, rgba(0,0,0,0) 100%) !important;}
}


/* HALT 18/10 (noite) - pedidos do Peterson:
   1) banner principal inteiro, abaixo do cabeçalho (antes o tema puxava o banner 170px para cima e o topo ficava cortado atrás do menu);
   2) menos espaço depois dos benefícios;
   3) "Nossa História" fora do menu (o código "HALT - Menu Nossa História" continua, só escondido). */
@media (min-width:1025px){
  /* 18/10 22:40: banner volta por trás do menu (com a sombra), mas só 80px = altura do menu, para não cortar o texto */
  body.pagina-inicial .secao-banners{margin-top:-80px !important;}
}
body.pagina-inicial .banners-vantagens{margin-bottom:16px !important;}
#corpo > .halt-bloco2{margin-top:0 !important;}
li.menu-nossa-historia{display:none !important;}

/* HALT 19/10 - banner principal ocupa toda a largura em telas maiores que 1920px (sem faixa branca nos lados) */
body.pagina-inicial .banners-full li.banner-full > a{display:block !important;width:100% !important;max-width:none !important;flex:1 1 100% !important;}
body.pagina-inicial .banners-full li.banner-full img{width:100% !important;max-width:none !important;height:auto !important;}