/*
 Theme Name:   Divi Child
 Theme URI:    https://dialsexeprive.fr
 Description:  Divi Child Theme DialSexePrive
 Author:       Philippe
 Template:     Divi
 Version:      1.0.0
*//* ============================================
   BOUTON ONLINE - Contraste Maximum
   DialSexePrive.fr - 13/03/2026
   ============================================ */

/* Bouton ONLINE standard */
.btn-online,
[class*="online"],
.status-online {
    background: #ff0000 !important;
    color: #ffffff !important;
    border: 3px solid #ffffff !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    padding: 8px 16px !important;
    border-radius: 25px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 0 15px #ff0000, 
                0 0 30px #ff0000 !important;
    animation: pulse-online 1.2s ease-in-out infinite !important;
    cursor: pointer !important;
}

/* Point indicateur online */
.online-dot,
[class*="online"] .dot,
[class*="online"] span:first-child {
    width: 12px !important;
    height: 12px !important;
    background: #00ff00 !important;
    border-radius: 50% !important;
    display: inline-block !important;
    margin-right: 6px !important;
    animation: blink-dot 0.8s ease-in-out infinite !important;
    box-shadow: 0 0 8px #00ff00 !important;
}

/* Animation pulsation bouton */
@keyframes pulse-online {
    0%   { 
        box-shadow: 0 0 10px #ff0000, 
                    0 0 20px #ff0000;
        transform: scale(1);
    }
    50%  { 
        box-shadow: 0 0 25px #ff4444, 
                    0 0 50px #ff0000,
                    0 0 75px #ff0000;
        transform: scale(1.05);
    }
    100% { 
        box-shadow: 0 0 10px #ff0000, 
                    0 0 20px #ff0000;
        transform: scale(1);
    }
}

/* Animation clignotement point vert */
@keyframes blink-dot {
    0%   { opacity: 1; transform: scale(1); }
    50%  { opacity: 0.3; transform: scale(1.4); }
    100% { opacity: 1; transform: scale(1); }
}

/* Carte hostesse - hover effect */
.hostesse-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(255,0,0,0.4) !important;
    transition: all 0.3s ease !important;
}