/**
 * RapidSkill Floating Widgets
 * 
 * WhatsApp button and chatbot icon positioning.
 * 
 * @version 1.0.0
 */

/* ==========================================================================
   WhatsApp Button
   ========================================================================== */
.wa__btn_popup {
    right: 24px !important;
    bottom: 120px !important;
    z-index: 999998 !important;
}

/* Lower z-index when chatbot is open */
body.chatbot-open .wa__btn_popup,
.wa__btn_popup.behind-chat {
    z-index: 99 !important;
}

/* ==========================================================================
   WP Chatbot (Blue Plane) - HIDE
   ========================================================================== */
#wp-chatbot-chat-container {
    display: none !important;
    visibility: hidden !important;
}

/* ==========================================================================
   WooChatbot (Pink Robot) - Position
   ========================================================================== */
#woo-chatbot-icon-container {
    right: 24px !important;
    bottom: 24px !important;
    z-index: 9999999 !important;
}

/* Chat window container should be above WhatsApp */
#woo-chatbot-ball-container {
    z-index: 10000000 !important;
}

/* ==========================================================================
   Mobile Adjustments
   ========================================================================== */
@media (max-width: 768px) {
    .wa__btn_popup {
        right: 16px !important;
        bottom: 100px !important;
    }

    #woo-chatbot-icon-container {
        right: 16px !important;
        bottom: 16px !important;
    }
}