/* WhatsApp Chat Button */

.wacb-float{position:fixed;bottom:22px;z-index:99998;display:flex;align-items:center;gap:10px;font-family:inherit}
.wacb-right{right:22px}
.wacb-left{left:22px;flex-direction:row-reverse}

.wacb-btn{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--wacb-color,#25D366);color:#fff!important;
 border-radius:999px;padding:14px;text-decoration:none!important;box-shadow:0 8px 24px rgba(0,0,0,.28);
 line-height:1;font-weight:600;font-size:16px;transition:transform .18s ease,box-shadow .18s ease}
.wacb-btn:hover,.wacb-btn:focus{color:#fff!important;transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.34)}
.wacb-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}

.wacb-ico{width:30px;height:30px;display:block;flex:0 0 auto}
.wacb-ico-sm{width:22px;height:22px}
img.wacb-ico{border-radius:6px;object-fit:contain}

.wacb-txt{white-space:nowrap;padding-right:6px}
.wacb-nolabel .wacb-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
.wacb-nolabel .wacb-btn{padding:16px}

/* pulse */
.wacb-pulse .wacb-btn::before{content:"";position:absolute;inset:0;border-radius:999px;background:var(--wacb-color,#25D366);
 z-index:-1;animation:wacb-pulse 2.4s cubic-bezier(.2,.7,.4,1) infinite}
@keyframes wacb-pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}

/* greeting bubble */
.wacb-bubble{position:relative;max-width:220px;background:#fff;color:#1d2b24;border-radius:14px;padding:13px 30px 13px 14px;
 font-size:14.5px;line-height:1.5;box-shadow:0 10px 28px rgba(0,0,0,.2);animation:wacb-in .3s ease}
@keyframes wacb-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wacb-bubble-x{position:absolute;top:4px;right:6px;border:0;background:none;font-size:19px;line-height:1;cursor:pointer;color:#8a9a92;padding:2px 5px}
.wacb-bubble-x:hover{color:#1d2b24}

/* mobile sticky bar */
.wacb-bar{display:none}

@media(max-width:781px){
 .wacb-float{bottom:16px}
 .wacb-right{right:16px}
 .wacb-left{left:16px}
 .wacb-float .wacb-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
 .wacb-float .wacb-btn{padding:16px}
 .wacb-bubble{max-width:180px;font-size:13.5px}

 .wacb-bar{position:fixed;left:0;right:0;bottom:0;z-index:99999;display:flex;box-shadow:0 -4px 18px rgba(0,0,0,.22)}
 .wacb-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 10px;
  font-weight:700;font-size:16px;text-decoration:none!important;line-height:1}
 .wacb-bar-wa{background:var(--wacb-color,#25D366);color:#fff!important}
 .wacb-bar-call{background:#111;color:#fff!important}
 /* the bar replaces the floating circle on phones so they never overlap */
 .wacb-has-bar{display:none!important}
 body{padding-bottom:56px}
}

/* inline shortcode button */
.wacb-inline{display:inline-flex;align-items:center;gap:9px;border-radius:10px;padding:13px 22px;font-weight:600;
 text-decoration:none!important;line-height:1;transition:transform .15s ease,box-shadow .15s ease;vertical-align:middle}
.wacb-inline:hover{transform:translateY(-2px)}
.wacb-inline-solid{background:var(--wacb-color,#25D366);color:#fff!important}
.wacb-inline-solid:hover{box-shadow:0 10px 24px rgba(0,0,0,.25);color:#fff!important}
.wacb-inline-outline{border:2px solid var(--wacb-color,#25D366);color:var(--wacb-color,#25D366)!important;background:transparent}
.wacb-inline-outline:hover{background:var(--wacb-color,#25D366);color:#fff!important}
.wacb-inline-lg{padding:17px 30px;font-size:18px}
.wacb-inline-block{display:flex;width:100%;justify-content:center}

@media(prefers-reduced-motion:reduce){
 .wacb-pulse .wacb-btn::before{animation:none}
 .wacb-btn,.wacb-inline,.wacb-bubble{transition:none;animation:none}
}
