.link-destaque {
	color: var(--sec-color) !important;
}


/* --- CORREÇÃO FINAL: Botão Comprar Fixo e Centralizado --- */

/* 1. Ajusta o CARD do produto para ter espaço para o botão */
.product-list-item,
.product-item-inner {
    height: auto !important; /* Deixa a altura automática para caber tudo */
    padding-bottom: 20px !important; /* Adiciona um espaço no final do cartão */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* 2. Força a CAIXA do botão a aparecer e centraliza o conteúdo */
.product-list-item .wrapper-btn-product {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;     /* Remove animação de subida */
    position: relative !important;  /* Traz para o fluxo normal da página */
    display: flex !important;       /* Ativa o modo flexbox */
    justify-content: center !important; /* Centraliza o botão horizontalmente */
    margin-top: 15px !important;    /* Dá um respiro entre o preço e o botão */
    width: 100% !important;         /* A caixa ocupa toda a largura */
    left: 0 !important;
    bottom: 0 !important;
}

/* 3. (Opcional) Se quiser o botão ocupando a largura toda, descomente abaixo: */
/*
.product-list-item .btn-buy {
    width: 90% !important;
    display: block !important;
    text-align: center !important;
}
*/

/* Ocultar o selo flutuante do Google reCAPTCHA */
.grecaptcha-badge { 
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Aviso reCAPTCHA dentro do Rodapé */
.footer-main-inner::after {
    content: "Este site é protegido pelo reCAPTCHA e a Política de Privacidade e os Termos de Serviço do Google se aplicam.";
    display: block;
    width: 100%;
    text-align: center;
    color: #666666;  /* Cor cinza escura igual ao texto do rodapé */
    font-size: 10px;
    margin-top: 15px;
    padding-bottom: 20px;
    clear: both;     /* Garante que fique abaixo de tudo */
}


/* Transforma o link simples em Botão Flutuante */
#zap-oculto {
    /* 1. Faz o botão aparecer e fixar na tela */
    display: block !important;
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 9999999 !important;
    
    /* 2. Tamanho e Formato (Redondo) */
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    background-color: #25d366 !important;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3) !important;
    
    /* 3. Esconde o texto "WhatsApp" e mostra o ÍCONE */
    text-indent: -9999px !important; /* Joga o texto pra longe */
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg') !important;
    background-size: 35px !important; /* Tamanho do ícone */
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* 4. Animação suave */
    transition: all 0.3s ease !important;
}

#zap-oculto:hover {
    transform: scale(1.1) !important; /* Aumenta um pouco ao passar o mouse */
    background-color: #128c7e !important; /* Verde mais escuro no clique */
}