/* ========================================
   8PM — CSS CUSTOMIZADO
   Tema: Galeria · Loja Integrada
   (versão consolidada — efeitos idênticos)
======================================== */

/* OCULTAR SKU — checkout e produto */
.pagina-carrinho .finalizar-compra .tabela-carrinho .produto-info ul li:first-child { display: none; }
.pagina-carrinho .finalizar-compra .tabela-carrinho .produto-info a { font-size: 14px; font-style: italic; font-weight: bold; }
.produto .codigo-produto { display: none; }
.produto .info-principal-produto .nome-produto { border-bottom: 0; margin: -10px 0 17px; }

/* ESCONDE ELEMENTOS INDESEJADOS */
.barra-frase,
.atalhos-mobile {
  display: none !important;
}

/* ========================================
   HEADER — fundo rosa
======================================== */
#cabecalho,
#cabecalho.logo-centro,
.conteudo-topo,
.superior.row-fluid,
.inferior.row-fluid,
#cabecalho .row-fluid,
#cabecalho > div {
  background-color: #D8ABAC !important;
  border-bottom: none !important;
}

#cabecalho a,
#cabecalho i,
#cabecalho span {
  color: #7A1F24 !important;
}

/* ========================================
   BUSCA — campo compacto com borda vinho
======================================== */
.busca.borda-alpha {
  position: relative !important;
  border: 2px solid #7A1F24 !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  width: 240px !important;
  max-width: 240px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
}

.busca form#form-buscar {
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.busca input#auto-complete {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #7A1F24 !important;
  height: 36px !important;
  width: 100% !important;
  font-size: 14px !important;
  padding: 0 40px 0 12px !important;
}

.busca input#auto-complete::placeholder {
  color: #7A1F24 !important;
  opacity: 0.7;
}

.busca .botao.botao-busca {
  background: transparent !important;
  border: none !important;
  color: #7A1F24 !important;
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  height: auto !important;
}

.busca .botao.botao-busca svg,
.busca .botao.botao-busca i {
  color: #7A1F24 !important;
  fill: #7A1F24 !important;
}

/* ========================================
   MENU DE CATEGORIAS
======================================== */
div.menu.superior,
#cabecalho div.menu.superior,
div.menu.superior .row-fluid {
  background-color: #FFFFFF !important;
}

div.menu.superior ul {
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  gap: 30px !important;
  padding: 12px 40px !important;
}

div.menu.superior ul li {
  flex: 1 !important;
  text-align: center !important;
}

div.menu.superior a strong.titulo {
  color: #D99AA2 !important;
  font-weight: 500 !important;
}

/* SALE — destaque vinho */
a[href="https://www.8pm.com.br/sales"],
li.categoria-id-14226410 a {
  background-color: #7A1F24 !important;
  border-radius: 4px !important;
}

a[href="https://www.8pm.com.br/sales"]:hover,
li.categoria-id-14226410 a:hover {
  background-color: #5a1519 !important;
}

li.categoria-id-14226410 a strong {
  color: #FFFFFF !important;
}

/* ========================================
   CORPO — fundo branco
======================================== */
body {
  background-color: #FFFFFF !important;
}

#corpo,
.pagina-inicial,
.conteiner-principal,
body > .conteiner-principal,
.conteiner {
  background-color: #FFFFFF !important;
}

#corpo {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Áreas internas e vitrine — transparentes */
.row-fluid,
.vitrine,
.vitrine.row-fluid,
.vitrine .row-fluid,
.listagem.row-fluid,
.busca.borda-alpha,
.span12,
.span3 {
  background-color: transparent !important;
}

.titulo-vitrine {
  background: none !important;
  color: #7A1F24 !important;
}

.nome-produto,
.produto-nome {
  color: #7A1F24 !important;
}

/* ========================================
   CARDS DE PRODUTO — rosa claro
======================================== */
.listagem-item,
.produto.listagem-item,
.vitrine .produto {
  background-color: #F6E7E3 !important;
  border: 1px solid #F0DDD9 !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

/* ========================================
   BOTÃO VER PRODUTO — rosa escuro / texto vinho
======================================== */
.bt-comprar,
.botao.bt-comprar,
.listagem-item .bt-comprar,
.produto .bt-comprar,
a.bt-comprar,
button.bt-comprar {
  background-color: #D99AA2 !important;
  color: #7A1F24 !important;
  border: none !important;
  font-weight: 500 !important;
}

.bt-comprar:hover,
.botao.bt-comprar:hover,
a.bt-comprar:hover {
  background-color: #7A1F24 !important;
  color: #FFFFFF !important;
}

/* ========================================
   RODAPÉ — cor única rosa
======================================== */
#rodape,
#rodape *,
#rodape > div,
#rodape > section,
#rodape .row-fluid,
#rodape .conteiner,
#rodape .institucional,
#rodape .institucional.fundo-secundario,
#rodape .odge-rodape,
#rodape .pagamento-selos,
.rodape,
.fundo-rodape,
.pre-rodape,
.pos-rodape,
.copyright,
.rodape-inferior,
.rodape-bottom {
  background-color: #D99AA2 !important;
  background-image: none !important;
  border: none !important;
}

#rodape {
  border-top: none !important;
  margin-top: 0 !important;
  box-shadow: none !important;
}

#rodape > div {
  border-top: none !important;
  border-bottom: none !important;
}

/* Textos do rodapé — fundo transparente, cor vinho */
#rodape a,
#rodape p,
#rodape span,
#rodape h3,
#rodape strong,
#rodape li {
  background-color: transparent !important;
  color: #7A1F24 !important;
}

#rodape a:hover {
  color: #3a2020 !important;
}

/* Botão SALES no rodapé — visual de link simples */
#rodape .institucional a[href*="sales"],
#rodape li.categoria-id-14226410 a {
  background-color: transparent !important;
  color: #7A1F24 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: normal !important;
}

#rodape li.categoria-id-14226410 a strong {
  color: #7A1F24 !important;
}

/* Selos/imagens de pagamento sem fundo */
#rodape img,
#rodape .pagamento-selos img {
  background-color: transparent !important;
}

/* Remove faixa clara no topo do rodapé */
#rodape::before,
#rodape::after,
.pre-rodape,
.rodape-topo,
.borda-rodape {
  display: none !important;
}

/* BOTÃO VER PRODUTO — classe real do tema Galeria */
.acoes-produto .botao-comprar,
.acoes-produto a.botao-comprar.principal,
a.botao.botao-comprar,
a.botao-comprar.principal {
  background-color: #D99AA2 !important;
  color: #7A1F24 !important;
  border: none !important;
  font-weight: 500 !important;
}

.acoes-produto .botao-comprar:hover,
a.botao.botao-comprar:hover,
a.botao-comprar.principal:hover {
  background-color: #7A1F24 !important;
  color: #FFFFFF !important;
}

/* ESCONDE CATEGORIAS DO MENU SUPERIOR (manter ativas no site) */
div.menu.superior li.categoria-id-24383658,
div.menu.superior li.categoria-id-24383656,
div.menu.superior li.categoria-id-24383661,
div.menu.superior li.categoria-id-24383660 {
  display: none !important;
}