#qcb-wrap{position:fixed;bottom:var(--qcb-y,100px);z-index:var(--qcb-z,99999);font-family:inherit;line-height:1;margin:0;padding:0}
#qcb-wrap.qcb-right{right:var(--qcb-x,20px)}
#qcb-wrap.qcb-left{left:var(--qcb-x,20px)}

/* Main button: !important keeps theme button styles from overriding it */
#qcb-wrap #qcb-btn.qcb-btn,
#qcb-wrap #qcb-btn.qcb-btn:hover,
#qcb-wrap #qcb-btn.qcb-btn:focus,
#qcb-wrap #qcb-btn.qcb-btn:active{
	-webkit-appearance:none!important;appearance:none!important;
	display:flex!important;align-items:center!important;justify-content:center!important;
	width:var(--qcb-size,56px)!important;height:var(--qcb-size,56px)!important;
	min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;
	border:0!important;border-radius:50%!important;
	background:var(--qcb-color,#2e7d32)!important;background-image:none!important;
	color:var(--qcb-icon,#fff)!important;
	box-shadow:0 4px 14px rgba(0,0,0,.25)!important;
	cursor:pointer;text-transform:none!important;letter-spacing:0!important;transform:none!important;
}
#qcb-wrap #qcb-btn.qcb-btn:focus-visible{outline:2px solid var(--qcb-color,#2e7d32);outline-offset:3px}
#qcb-wrap #qcb-btn svg{
	display:block!important;
	width:calc(var(--qcb-size,56px)*.46)!important;height:calc(var(--qcb-size,56px)*.46)!important;
	fill:var(--qcb-icon,#fff)!important;margin:0!important;padding:0!important;background:none!important;
}
#qcb-wrap #qcb-btn .qcb-ico-close{display:none!important}
#qcb-wrap.qcb-open #qcb-btn .qcb-ico-chat{display:none!important}
#qcb-wrap.qcb-open #qcb-btn .qcb-ico-close{display:block!important}

/* Menu */
#qcb-wrap .qcb-menu{position:absolute;bottom:calc(var(--qcb-size,56px) + 12px);display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
#qcb-wrap.qcb-right .qcb-menu{right:0;align-items:flex-end}
#qcb-wrap.qcb-left .qcb-menu{left:0;align-items:flex-start}
#qcb-wrap .qcb-menu[hidden]{display:none}
#qcb-wrap a.qcb-item,
#qcb-wrap a.qcb-item:hover,
#qcb-wrap a.qcb-item:focus{
	display:flex;align-items:center;gap:8px;background:#fff;color:#222!important;text-decoration:none!important;
	padding:8px 14px 8px 8px;border-radius:30px;font-size:14px;line-height:1.2;white-space:nowrap;
	box-shadow:0 2px 10px rgba(0,0,0,.18);animation:qcb-in .18s ease-out;border:0;
}
#qcb-wrap a.qcb-item svg{width:32px!important;height:32px!important;padding:6px;border-radius:50%;background:var(--c);fill:#fff!important;box-sizing:border-box;flex:none}

/* Small text beside the button */
#qcb-wrap .qcb-tip{position:absolute;bottom:calc(var(--qcb-size,56px)/2);transform:translateY(50%);background:#fff;color:#222;font-size:13px;line-height:1.2;padding:7px 12px;border-radius:20px;white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,.18)}
#qcb-wrap.qcb-right .qcb-tip{right:calc(var(--qcb-size,56px) + 10px)}
#qcb-wrap.qcb-left .qcb-tip{left:calc(var(--qcb-size,56px) + 10px)}
#qcb-wrap.qcb-open .qcb-tip{display:none}

@keyframes qcb-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#qcb-wrap a.qcb-item{animation:none}}
@media (max-width:767px){#qcb-wrap.qcb-hide-mobile{display:none!important}}
@media (min-width:768px){#qcb-wrap.qcb-hide-desktop{display:none!important}}