/* ZOWIE SPECIFIC CHAT MENU */

/* 1. Define the Zowie Icon Appearance */
.web-chat__list__item--zowie {
    width: 50px;
    height: 50px;
    background-image: url(../bot/chat-icon.svg); 
    background-repeat: no-repeat;
    background-size: 60px 59px; 
    background-position: 50%;
    bottom: 0;
    -webkit-transition: bottom .2s ease-in;
    transition: bottom .2s ease-in;
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
}

/* 2. Vertical Stacking Logic (Positioning Zowie at the 4th/Bottom-most slot) */

/* Position 4: Zowie (Bottom-most, closest to toggle) */
.web-chat__list__item--zowie.active { 
    bottom: 70px !important; 
}

/* Position 3: WhatsApp */
.web-chat__list__item--whatsapp.active { 
    bottom: 140px !important; 
}

/* Position 2: SMS */
.web-chat__list__item--sms.active { 
    bottom: 210px !important; 
}

/* Position 1: Messenger (Top-most) */
.web-chat__list__item--messenger.active { 
    bottom: 280px !important; 
}

/* 3. FORCE HIDE THE ZOWIE LAUNCHER BUBBLE ON LOAD */
zowie-widget {
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -1 !important; 
}