/* 1. Esconder o botão original por padrão nos cards */
.product-wrapper .add-to-cart,
.product-wrapper .add_to_cart_inline,
.product-wrapper .product-button-group .add-to-cart {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
}

/* 2. Mostrar o botão original no hover do card */
.product-wrapper:hover .add-to-cart,
.product-wrapper:hover .add_to_cart_inline,
.product-wrapper:hover .product-button-group .add-to-cart {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. Remover qualquer estilo de botão verde anterior */
.whatsapp-buy-button.loop-whatsapp,
.whatsapp-buy-button.single-whatsapp {
    display: none !important;
}

/* 4. Garantir que o botão na página do produto (Single) esteja sempre visível */
.single-product .add-to-cart,
.single-product .cart {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 5. Ajuste para o botão original no loop (caso o tema use classes específicas) */
.product-wrapper .add_to_cart_inline {
    border: none !important; /* Remove a borda cinza se houver */
    padding: 0 !important;
}