/**
 * Waply Online Status Fix
 * This CSS ensures that online status indicators are properly displayed on the frontend
 */

/* Fix for online status in the popup - text only */
.waply-online-status {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 12px !important;
    color: #25d366 !important;
    margin-top: 3px !important;
    margin-left: 8px !important;
    align-items: center !important;
    padding: 0 !important;
    background-color: transparent !important;
    font-weight: normal !important;
}

/* Hide the dot since we're using text only */
.waply-online-dot {
    display: none !important;
    visibility: hidden !important;
}

/* Fix for shortcode online status - text only */
.waply-shortcode-online {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    font-size: 10px !important;
    margin-top: 2px !important;
    background-color: transparent !important;
    padding: 0 !important;
    color: #25d366 !important;
    font-weight: 500 !important;
}

/* Hide the dot since we're using text only */
.waply-shortcode-online-dot {
    display: none !important;
    visibility: hidden !important;
}

/* Fix for comprehensive popup online status - text only */
.waply-comprehensive-popup .waply-online-status,
#waply-static-popup .waply-online-status {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-left: 8px !important;
    font-size: 11px !important;
    font-weight: normal !important;
    padding: 0 !important;
    background-color: transparent !important;
    color: #25d366 !important;
}

/* Hide the dot since we're using text only */
.waply-comprehensive-popup .waply-online-dot,
#waply-static-popup .waply-online-dot {
    display: none !important;
    visibility: hidden !important;
}

/* Fix for gray/julian style buttons - text only */
.waply-button-style-gray .waply-shortcode-online,
.waply-button-style-julian .waply-shortcode-online {
    color: #25D366 !important;
    background-color: transparent !important;
}

/* Fix for vertical layout online status - text only */
.waply-layout-vertical .waply-shortcode-online {
    font-size: 12px !important;
    color: #25d366 !important;
    margin-top: 5px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: transparent !important;
    padding: 0 !important;
}

/* Fix for online status in the static popup - text only */
#waply-static-popup .waply-option-text .waply-online-status {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-left: 8px !important;
    font-size: 11px !important;
    font-weight: normal !important;
    padding: 0 !important;
    background-color: transparent !important;
    color: #25d366 !important;
}