/* Bluehawks WhatsApp widget. Colour: change --bh-wa-btn to your brand hex. */
.bh-wa{--bh-wa-btn:#12284a;--bh-wa-green:#25D366;--bh-wa-green-deep:#1DA851;--bh-wa-ease:cubic-bezier(.2,.8,.2,1);position:fixed;right:24px;bottom:24px;z-index:9990;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:inherit;font-size:15px;line-height:1.5}
.bh-wa__btn{position:relative;display:flex;align-items:center;gap:10px;height:58px;min-width:58px;padding:0 18px 0 0;border:0;border-radius:999px;background:var(--bh-wa-btn);color:#fff;cursor:pointer;text-decoration:none;font-weight:500;white-space:nowrap;box-shadow:0 6px 18px rgba(18,40,74,.22),0 1px 2px rgba(0,0,0,.12);transition:transform .18s var(--bh-wa-ease),box-shadow .18s var(--bh-wa-ease),padding .4s var(--bh-wa-ease);overflow:hidden;opacity:0;transform:scale(.6) translateY(8px)}
.bh-wa.ready .bh-wa__btn{opacity:1;transform:none}
.bh-wa.enter .bh-wa__btn{animation:bhWaIn .46s var(--bh-wa-ease) forwards}
.bh-wa.enter .bh-wa__btn::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:bhWaRing 1.25s ease-out .5s 1}
.bh-wa__btn:hover{transform:translateY(-2px)!important;box-shadow:0 10px 26px rgba(18,40,74,.28),0 1px 2px rgba(0,0,0,.14);color:#fff}
.bh-wa__btn:focus-visible{outline:3px solid #fff;outline-offset:-5px;box-shadow:0 0 0 3px var(--bh-wa-btn)}
.bh-wa__icon{position:relative;flex:0 0 58px;height:58px;display:grid;place-items:center}
.bh-wa__icon svg{position:absolute;width:26px;height:26px;transition:opacity .22s var(--bh-wa-ease),transform .28s var(--bh-wa-ease)}
.bh-wa__icon .ic-x{opacity:0;transform:rotate(-90deg) scale(.6)}
.bh-wa.open .bh-wa__icon svg:first-child{opacity:0;transform:rotate(90deg) scale(.6)}
.bh-wa.open .bh-wa__icon .ic-x{opacity:1;transform:none}
.bh-wa__label{max-width:220px;transition:max-width .4s var(--bh-wa-ease),opacity .25s,margin .4s var(--bh-wa-ease)}
.bh-wa.collapsed .bh-wa__btn{padding-right:0}
.bh-wa.collapsed .bh-wa__label{max-width:0;opacity:0;margin-left:-10px}
.bh-wa__card{width:320px;max-width:calc(100vw - 48px);background:#fff;color:#1b1f29;border-radius:18px;box-shadow:0 18px 50px rgba(18,40,74,.22),0 2px 6px rgba(0,0,0,.08);transform-origin:bottom right;opacity:0;transform:translateY(14px) scale(.94);transition:opacity .2s var(--bh-wa-ease),transform .2s var(--bh-wa-ease);overflow:hidden}
.bh-wa__card[hidden]{display:none}
.bh-wa.open .bh-wa__card{opacity:1;transform:none;transition:opacity .26s var(--bh-wa-ease),transform .3s var(--bh-wa-ease)}
.bh-wa__head{background:var(--bh-wa-btn);color:#fff;padding:18px 20px 16px;display:flex;gap:12px;align-items:center}
.bh-wa__avatar{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--bh-wa-btn);display:grid;place-items:center;font-weight:700;font-size:13px;flex:0 0 40px}
.bh-wa__head b{display:block;font-weight:600;font-size:15px}
.bh-wa__head small{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.86;margin-top:2px}
.bh-wa__dot{width:7px;height:7px;border-radius:50%;background:#7ee2a8;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.bh-wa__body{padding:18px 20px 20px}
.bh-wa__body p{margin:0 0 16px;color:#4b5261;font-size:14.5px}
.bh-wa__go{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px 16px;border-radius:12px;background:var(--bh-wa-green);color:#fff;text-decoration:none;font-weight:600;transition:background .15s,transform .15s var(--bh-wa-ease)}
.bh-wa__go:hover{background:var(--bh-wa-green-deep);color:#fff;transform:translateY(-1px)}
.bh-wa__go svg{width:20px;height:20px}
.bh-wa__alt{display:block;text-align:center;margin-top:12px;font-size:13.5px;color:#4b5261;text-decoration:underline;text-underline-offset:3px}
.bh-wa__foot{padding:10px 20px 12px;border-top:1px solid #eef0f3;font-size:12px;color:#8a90a0}
@keyframes bhWaIn{to{opacity:1;transform:none}}
@keyframes bhWaRing{from{box-shadow:0 0 0 0 rgba(18,40,74,.5)}to{box-shadow:0 0 0 22px rgba(18,40,74,0)}}
@media (max-width:640px){.bh-wa{right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}.bh-wa__card{display:none!important}}
@media (prefers-reduced-motion:reduce){.bh-wa__btn,.bh-wa__card,.bh-wa__icon svg,.bh-wa__label{transition-duration:.01ms!important}.bh-wa.enter .bh-wa__btn{animation-duration:.01ms}.bh-wa.enter .bh-wa__btn::after{animation:none}}
/* Theme-proofing (Betheme): sizing, weights, link opacity */
#bh-wa,#bh-wa *,#bh-wa *::before,#bh-wa *::after{box-sizing:border-box}
#bh-wa .bh-wa__head b{font-weight:600;letter-spacing:normal}
#bh-wa .bh-wa__head small,#bh-wa .bh-wa__body p,#bh-wa .bh-wa__alt,#bh-wa .bh-wa__foot{font-weight:400;letter-spacing:normal}
#bh-wa .bh-wa__go,#bh-wa .bh-wa__go:hover,#bh-wa .bh-wa__btn{opacity:1;filter:none}
#bh-wa .bh-wa__go{font-weight:600;letter-spacing:normal;text-transform:none}
#bh-wa .bh-wa__avatar{overflow:hidden}
#bh-wa .bh-wa__avatar img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:50%}
#bh-wa .bh-wa__label{letter-spacing:normal;font-weight:500;text-transform:none}
#bh-wa .bh-wa__avatar{box-shadow:0 0 0 2px #fff}
@media (max-width:640px),(pointer:coarse){#bh-wa .bh-wa__label{display:none}#bh-wa .bh-wa__btn{padding-right:0;width:56px;height:56px;min-width:56px}#bh-wa .bh-wa__icon{flex-basis:56px;height:56px}#bh-wa.enter .bh-wa__btn::after{animation:none}}
#bh-wa,#bh-wa .bh-wa__btn,#bh-wa .bh-wa__card{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
#bh-wa .bh-wa__btn{gap:2px}
