/* WP WhatsApp Chat — front end. Scoped under #wpwc / .wpwc-inline. */
#wpwc.wpwc{position:fixed;bottom:var(--wpwc-y,20px);z-index:99990;font-size:14px;line-height:1.45;color:#1f2937;transition:opacity .3s ease,transform .3s ease,visibility .3s}
#wpwc.wpwc--right{right:var(--wpwc-x,20px)}
#wpwc.wpwc--left{left:var(--wpwc-x,20px)}
#wpwc.wpwc--wait{opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none}
#wpwc[hidden],#wpwc [hidden]{display:none!important}
@media (max-width:767px){#wpwc.wpwc--on-desktop{display:none!important}}
@media (min-width:768px){#wpwc.wpwc--on-mobile{display:none!important}}
#wpwc *,#wpwc *::before,#wpwc *::after{box-sizing:border-box}

/* Bar: label + button */
#wpwc .wpwc__bar{display:flex;align-items:center;justify-content:flex-end;gap:12px}
#wpwc.wpwc--left .wpwc__bar{flex-direction:row-reverse}
#wpwc .wpwc__label{background:#fff;color:#1f2937;padding:8px 14px;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.14);font-size:14px;font-weight:500;white-space:nowrap}
#wpwc.wpwc--open .wpwc__label{display:none}

/* Defensive reset: themes style <button>/<a> globally. */
#wpwc .wpwc__btn,#wpwc .wpwc__btn:hover,#wpwc .wpwc__btn:focus,#wpwc .wpwc__btn:active,
#wpwc .wpwc__close,#wpwc .wpwc__close:hover,#wpwc .wpwc__close:focus,#wpwc .wpwc__close:active{margin:0!important;padding:0!important;border:0!important;background-image:none!important;text-shadow:none!important;outline:none;-webkit-appearance:none!important;appearance:none!important;min-width:0!important;min-height:0!important;text-decoration:none!important;letter-spacing:normal!important;text-transform:none!important}
#wpwc .wpwc__btn,#wpwc .wpwc__btn:hover,#wpwc .wpwc__btn:focus,#wpwc .wpwc__btn:active{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto;width:var(--wpwc-size,56px)!important;height:var(--wpwc-size,56px)!important;border-radius:50%!important;background-color:var(--wpwc-color,#25d366)!important;color:var(--wpwc-icon,#fff)!important;box-shadow:0 6px 18px rgba(0,0,0,.22)!important;cursor:pointer;position:relative;transform:none!important}
#wpwc .wpwc__btn:hover{filter:brightness(1.06)}
#wpwc .wpwc__btn:focus-visible,#wpwc .wpwc__close:focus-visible,#wpwc .wpwc__agent:focus-visible{outline:3px solid rgba(37,211,102,.55)!important;outline-offset:3px}
#wpwc .wpwc__btn svg{width:56%;height:56%;display:block}
#wpwc.wpwc--pulse .wpwc__btn::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--wpwc-color,#25d366);opacity:.6;z-index:-1;animation:wpwc-pulse 2s ease-out infinite}
@keyframes wpwc-pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){#wpwc .wpwc__btn::before{animation:none!important;display:none}#wpwc.wpwc{transition:none}}

/* Chat box */
#wpwc .wpwc__box{position:absolute;bottom:calc(100% + 14px);right:0;width:min(360px,calc(100vw - 2 * var(--wpwc-x,20px)));background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.2);overflow:hidden;animation:wpwc-in .22s ease-out}
#wpwc.wpwc--left .wpwc__box{right:auto;left:0}
@keyframes wpwc-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#wpwc .wpwc__head{position:relative;display:flex;align-items:center;gap:12px;background:var(--wpwc-head,#075e54);color:#fff;padding:16px 44px 16px 16px}
#wpwc .wpwc__head-icon{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}
#wpwc .wpwc__head-icon svg{width:20px;height:20px;color:#fff}
#wpwc .wpwc__title{font-size:16px;font-weight:600;line-height:1.3;color:#fff}
#wpwc .wpwc__sub{font-size:12.5px;opacity:.85;margin-top:2px;color:#fff}
#wpwc .wpwc__close,#wpwc .wpwc__close:hover,#wpwc .wpwc__close:focus,#wpwc .wpwc__close:active{position:absolute;top:10px;right:10px;width:28px!important;height:28px!important;border-radius:50%!important;background:rgba(255,255,255,.15)!important;color:#fff!important;font-size:20px!important;line-height:28px!important;text-align:center;cursor:pointer;box-shadow:none!important;font-family:Arial,sans-serif!important}
#wpwc .wpwc__close:hover{background:rgba(255,255,255,.28)!important}
#wpwc .wpwc__body{background:#efeae2;padding:16px;max-height:min(60vh,420px);overflow-y:auto}
#wpwc .wpwc__greet{position:relative;background:#fff;border-radius:0 10px 10px 10px;padding:10px 12px;margin:0 0 14px;box-shadow:0 1px 1px rgba(0,0,0,.08);max-width:88%;font-size:14px;color:#1f2937}
#wpwc ul.wpwc__agents{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:8px}
#wpwc ul.wpwc__agents li{margin:0!important;padding:0!important;list-style:none!important}
#wpwc ul.wpwc__agents li::before{content:none!important}
#wpwc a.wpwc__agent{display:flex;align-items:center;gap:12px;background:#fff;border-radius:10px;padding:10px 12px;border-left:3px solid var(--wpwc-color,#25d366);color:#1f2937!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(0,0,0,.06);transition:box-shadow .15s,transform .15s}
#wpwc a.wpwc__agent:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}
#wpwc a.wpwc__agent--off{border-left-color:#cbd5e1}
#wpwc a.wpwc__agent--off .wpwc__avatar{filter:grayscale(1);opacity:.7}
#wpwc .wpwc__avatar{flex:0 0 42px;width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--wpwc-color,#25d366);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;margin:0}
#wpwc .wpwc__avatar--icon svg{width:22px;height:22px}
#wpwc .wpwc__who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
#wpwc .wpwc__name{font-weight:600;font-size:14px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wpwc .wpwc__role{font-size:12.5px;color:#6b7280}
#wpwc .wpwc__status{font-size:11.5px;color:#15803d;display:flex;align-items:center;gap:5px}
#wpwc .wpwc__status:empty{display:none}
#wpwc .wpwc__status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
#wpwc a.wpwc__agent--off .wpwc__status{color:#94a3b8}
#wpwc .wpwc__go{flex:0 0 auto;color:var(--wpwc-color,#25d366);display:flex}
#wpwc .wpwc__go svg{width:20px;height:20px}

/* Inline shortcode button */
a.wpwc-inline,a.wpwc-inline:hover,a.wpwc-inline:focus,a.wpwc-inline:visited{display:inline-flex!important;align-items:center;gap:8px;padding:10px 18px!important;border-radius:999px!important;background:var(--wpwc-color,#25d366)!important;color:var(--wpwc-icon,#fff)!important;font-weight:600;line-height:1.2;text-decoration:none!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.12)}
a.wpwc-inline:hover{filter:brightness(1.06)}
a.wpwc-inline svg{width:20px;height:20px;flex:0 0 20px}
