/* WhatsApp Float Button Frontend Styles */

#wa-float-button {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    will-change: transform, box-shadow;
}

#wa-float-button:hover {
    text-decoration: none !important;
}

#wa-float-button svg {
    transition: all 0.3s ease;
}

/* Animation keyframes */
@keyframes wa-float-bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* Pulse animation */
@keyframes wa-float-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Optional: Add pulse effect */
#wa-float-button.wa-pulse {
    animation: wa-float-pulse 2s infinite;
}

/* Optional: Add bounce effect on first load */
#wa-float-button.wa-bounce {
    animation: wa-float-bounce 1s ease-in-out;
}

/* Responsive adjustments - removed fixed values to respect admin settings */
@media (max-width: 768px) {
    /* Mobile adjustments are now handled by JavaScript to respect admin settings */
}

@media (max-width: 480px) {
    /* Mobile adjustments are now handled by JavaScript to respect admin settings */
}

/* Print styles - hide the button when printing */
@media print {
    #wa-float-button {
        display: none !important;
    }
}