/* Boxkoning – eigen WhatsApp-knop (vervangt Social Chat), okt 2026 */
.bk-wa{--bk-wa-red:#e30613;--bk-wa-red-dark:#b8040f;position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:9990;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:inherit}
.bk-wa__btn,.bk-wa__btn:visited{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border-radius:999px;background:var(--bk-wa-red);color:#fff!important;font-size:16px;line-height:1;text-decoration:none!important;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:background-color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}
.bk-wa__btn:hover,.bk-wa__btn:focus{background:var(--bk-wa-red-dark);color:#fff!important}
.bk-wa__btn:active{transform:scale(.97)}
.bk-wa__btn:focus-visible,.bk-wa__start:focus-visible,.bk-wa__close:focus-visible{outline:3px solid #2b2b2b;outline-offset:3px}
.bk-wa__btn svg{flex:none;width:26px;height:26px}
.bk-wa__panel{width:min(320px,calc(100vw - 40px));overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.22)}
.bk-wa__panel[hidden]{display:none}
.bk-wa__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--bk-wa-red);color:#fff}
.bk-wa__title{margin:0;color:#fff;font-size:16px;line-height:1.3}
.bk-wa__close{flex:none;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.bk-wa__close:hover{background:rgba(255,255,255,.15)}
.bk-wa__contact{display:flex;align-items:center;gap:12px;padding:16px}
.bk-wa__avatar{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;background:#f2f2f2}
.bk-wa__contact p{margin:0;line-height:1.35}
.bk-wa__name{color:#2b2b2b;font-size:16px}
.bk-wa__role{color:#5b5b5b;font-size:14px}
.bk-wa__status{display:flex;align-items:center;gap:6px;margin-top:4px!important;color:#5b5b5b;font-size:13px}
.bk-wa__dot{flex:none;width:8px;height:8px;border-radius:50%;background:#9a9a9a}
.bk-wa.is-open-hours .bk-wa__dot{background:#1fa855}
.bk-wa__start,.bk-wa__start:visited{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 16px 16px;min-height:48px;border-radius:4px;background:var(--bk-wa-red);color:#fff!important;font-size:16px;text-decoration:none!important;transition:background-color .2s ease}
.bk-wa__start:hover,.bk-wa__start:focus{background:var(--bk-wa-red-dark)}
.bk-wa__start svg{width:22px;height:22px}
@media (max-width:768px){.bk-wa{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.bk-wa__btn{min-height:48px;padding:0 16px 0 14px;font-size:15px}}
@media (prefers-reduced-motion:reduce){.bk-wa__btn,.bk-wa__start{transition:none}}
@media print{.bk-wa{display:none!important}}