/* ============================================================================
   BOTÃO WHATSAPP NA VITRINE - DV Vinhos
   Arquivo EXCLUSIVO e isolado (prefixo .dv-wpp) — não afeta o tema atual.
   - Botão verde, SEMPRE visível, abaixo do preço, em cada produto.
   - Resolve o "popover" do hover: deixa as ações da vitrine sempre visíveis,
     sem o overlay que aparecia por cima (escopo #corpo p/ não afetar o mega-menu).
   ============================================================================ */

/* ---- Botão WhatsApp ---- */
.dv-wpp{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:calc(100% - 20px);
	margin:8px auto 6px;
	padding:9px 12px;
	box-sizing:border-box;
	background:#25D366;            /* verde WhatsApp */
	color:#fff !important;
	border-radius:6px;
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:.4px;
	text-decoration:none !important;
	line-height:1;
	cursor:pointer;
	transition:background .2s ease, transform .15s ease;
	position:relative;
	z-index:30;                   /* segurança: fica acima de qualquer overlay */
}
.dv-wpp:hover{ background:#1da851; color:#fff !important; transform:translateY(-1px); }
.dv-wpp:active{ transform:translateY(0); }
.dv-wpp__icon{ width:18px; height:18px; flex:0 0 auto; }
.dv-wpp__txt{ display:inline-block; }

/* o botão nunca escurece/some quando o card está em hover */
.listagem-item:hover .dv-wpp{ opacity:1 !important; }

/* ---- Solução do popover do hover (ações da vitrine sempre visíveis) ----
   Escopo #corpo: vale na home/catálogo/categoria/busca, SEM mexer no mega-menu
   do cabeçalho (que também usa .listagem-item). */
#corpo .listagem-item .acoes-produto{
	position:static !important;   /* tira o overlay absoluto (bottom:0) */
	opacity:1 !important;
	visibility:visible !important;
	transform:none !important;
}
#corpo .listagem-item:hover .info-produto{
	opacity:1 !important;         /* não escurece mais o preço/nome no hover */
}

/* ---- Efeito de hover (no lugar do popover): card sobe + sombra + zoom ---- */
#corpo .listagem-item{
	border-radius:8px;
	transition:box-shadow .25s ease, transform .25s ease;
}
#corpo .listagem-item:hover{
	box-shadow:0 8px 22px rgba(0,0,0,.12);
	transform:translateY(-4px);
	z-index:2;
}
#corpo .listagem-item .imagem-produto{
	overflow:hidden;
	border-radius:8px;
}
#corpo .listagem-item .imagem-produto img{
	transition:transform .4s ease;
}
#corpo .listagem-item:hover .imagem-produto img{
	transform:scale(1.06);
}

/* ---- Responsivo ---- */
@media (max-width:639px){
	.dv-wpp{ font-size:12px; padding:8px 10px; gap:6px; }
	.dv-wpp__icon{ width:16px; height:16px; }
}