/**
 * Invexo WhatsApp Float - Styles
 * Version: 1.0.0
 */

/* WhatsApp Float Button */
.invexo-wa-float {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 60px !important;
    height: 60px !important;
    background: #25D366 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4) !important;
    z-index: 999999 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    animation: invexo-wa-pulse 2s ease-in-out infinite !important;
}

.invexo-wa-float:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6) !important;
    background: #128C7E !important;
}

.invexo-wa-float:focus {
    outline: 2px solid #25D366 !important;
    outline-offset: 3px !important;
}

/* Pulse Animation */
@keyframes invexo-wa-pulse {
    0%, 100% { 
        box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); 
    }
    50% { 
        box-shadow: 0 4px 25px rgba(37, 211, 102, 0.6); 
    }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .invexo-wa-float {
        bottom: 20px !important;
        right: 20px !important;
        width: 55px !important;
        height: 55px !important;
    }
    
    .invexo-wa-float svg {
        width: 28px !important;
        height: 28px !important;
    }
}

/* Extra Small Devices */
@media (max-width: 480px) {
    .invexo-wa-float {
        bottom: 15px !important;
        right: 15px !important;
        width: 50px !important;
        height: 50px !important;
    }
    
    .invexo-wa-float svg {
        width: 26px !important;
        height: 26px !important;
    }
}

/* Acessibilidade - High Contrast Mode */
@media (prefers-contrast: high) {
    .invexo-wa-float {
        border: 2px solid #fff !important;
    }
}

/* Acessibilidade - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .invexo-wa-float {
        animation: none !important;
        transition: none !important;
    }
}