// Funcionalidade para o botão de copiar cupom
document.addEventListener('DOMContentLoaded', function() {
    const copyButton = document.getElementById('copy-coupon');
    const couponCode = document.getElementById('coupon-code');
    
    if (copyButton && couponCode) {
        copyButton.addEventListener('click', function() {
            // Criar um elemento de texto temporário
            const tempInput = document.createElement('textarea');
            tempInput.value = couponCode.innerText;
            document.body.appendChild(tempInput);
            
            // Selecionar e copiar o texto
            tempInput.select();
            document.execCommand('copy');
            
            // Remover o elemento temporário
            document.body.removeChild(tempInput);
            
            // Feedback visual para o usuário
            copyButton.classList.add('copied');
            
            // Remover a classe após 2 segundos
            setTimeout(function() {
                copyButton.classList.remove('copied');
            }, 2000);
        });
    }
    
    // Destacar o cupom EXTRA no texto
    const highlightCoupon = function() {
        const content = document.querySelectorAll('p, li, h3');
        
        content.forEach(element => {
            if (element.innerHTML.includes('EXTRA') && !element.closest('.coupon-code') && !element.closest('.btn')) {
                element.innerHTML = element.innerHTML.replace(/EXTRA/g, '<span class="highlight-coupon">EXTRA</span>');
            }
        });
    };
    
    // Executar a função de destaque
    highlightCoupon();
    
    // Adicionar efeito de pulsação ao cupom
    const couponCard = document.querySelector('.coupon-card');
    
    if (couponCard) {
        // Adicionar efeito de pulsação ao passar o mouse
        couponCard.addEventListener('mouseenter', function() {
            this.style.transform = 'scale(1.03)';
        });
        
        couponCard.addEventListener('mouseleave', function() {
            this.style.transform = 'scale(1)';
        });
    }
});