/* WhatsApp support button styles */
.whatsapp-support {
    position: fixed !important;
    bottom: 30px !important; /* Return to original position */
    right: 30px !important; /* Return to right side */
    left: auto !important; /* Clear left property */
    z-index: 99999 !important; /* Lower z-index to prevent conflicts */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    height: 60px !important;
    background-color: #25D366 !important;
    color: white !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.whatsapp-support:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}

.whatsapp-support svg {
    width: 36px;
    height: 36px;
    fill: white;
}

/* Animation for WhatsApp icon - choose one animation style */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
    100% { transform: translateY(0px); }
}

/* Default animation */
.whatsapp-support {
    animation: pulse 2s infinite;
}

/* Alternative animation class */
.whatsapp-support.float-style {
    animation: floating 2.5s ease-in-out infinite;
}

/* Hide in customizer or admin */
.wp-customizer .whatsapp-support, 
.wp-admin .whatsapp-support {
    display: none;
}