﻿/*<meta />*/

/* 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;
}

