document.addEventListener("DOMContentLoaded", function () {
    let whatsappBtn = document.createElement("div");
    whatsappBtn.innerHTML = `
        <a href="https://wa.me/+966547798964" target="_blank" class="whatsapp-button">
            <img src="https://cdn-icons-png.flaticon.com/512/733/733585.png" alt="WhatsApp">
        </a>
    `;
    document.body.appendChild(whatsappBtn);
    
    let style = document.createElement("style");
    style.innerHTML = `
        .whatsapp-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            background-color: #25d366;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s;
            animation: bounce 1.5s infinite;
        }
        .whatsapp-button img {
            width: 35px;
            height: 35px;
        }
        .whatsapp-button:hover {
            transform: scale(1.1);
        }
        
        @keyframes bounce {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-10px);
            }
        }
    `;
    document.head.appendChild(style);
});