/* ===================== NEON FLOATING CALL + WHATSAPP ===================== */

.floating-actions {
    position: fixed;
    bottom: 24px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.float-btn {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #fff !important;
    text-decoration: none;
    border: none;
    transition: all 0.3s ease;
    position: relative;
}

/* Neon Call Button (Pink/Magenta) */
.float-call {
    background: #ff0080;
    box-shadow: 
        0 0 8px #ff0080,
        0 0 16px #ff0080,
        0 0 32px #ff0080,
        0 0 48px rgba(255, 0, 128, 0.6);
    animation: neon-pulse-pink 2s infinite alternate;
}

.float-call:hover {
    transform: scale(1.12);
    box-shadow: 
        0 0 12px #ff0080,
        0 0 24px #ff0080,
        0 0 48px #ff0080,
        0 0 72px rgba(255, 0, 128, 0.8);
}

/* Neon WhatsApp Button (Green) */
.float-wa {
    background: #00ff88;
    color: #111 !important;
    box-shadow: 
        0 0 8px #00ff88,
        0 0 16px #00ff88,
        0 0 32px #00ff88,
        0 0 48px rgba(0, 255, 136, 0.6);
    animation: neon-pulse-green 2s infinite alternate;
}

.float-wa:hover {
    transform: scale(1.12);
    box-shadow: 
        0 0 12px #00ff88,
        0 0 24px #00ff88,
        0 0 48px #00ff88,
        0 0 72px rgba(0, 255, 136, 0.8);
}

/* Neon Pulse Animations */
@keyframes neon-pulse-pink {
    from {
        box-shadow: 
            0 0 6px #ff0080,
            0 0 12px #ff0080,
            0 0 24px #ff0080;
    }
    to {
        box-shadow: 
            0 0 12px #ff0080,
            0 0 24px #ff0080,
            0 0 48px #ff0080,
            0 0 64px rgba(255, 0, 128, 0.7);
    }
}

@keyframes neon-pulse-green {
    from {
        box-shadow: 
            0 0 6px #00ff88,
            0 0 12px #00ff88,
            0 0 24px #00ff88;
    }
    to {
        box-shadow: 
            0 0 12px #00ff88,
            0 0 24px #00ff88,
            0 0 48px #00ff88,
            0 0 64px rgba(0, 255, 136, 0.7);
    }
}

/* Mobile adjustments */
@media (max-width: 576px) {
    .floating-actions {
        bottom: 18px;
        right: 14px;
        gap: 12px;
    }
    .float-btn {
        width: 52px;
        height: 52px;
        font-size: 1.45rem;
    }
}