/* Startnet WhatsApp Chat */
.snwa{--snwa-color:#25D366;--snwa-fg:#fff;--snwa-bottom:20px;--snwa-side:20px;position:fixed;bottom:var(--snwa-bottom);z-index:99990;font-size:15px;line-height:1.45;color:#1f2328}
.snwa--right{right:var(--snwa-side)}
.snwa--left{left:var(--snwa-side)}
.snwa[hidden]{display:none!important}
.snwa *,.snwa *::before,.snwa *::after{box-sizing:border-box}
.snwa a,.snwa button{font:inherit;text-decoration:none;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0}
.snwa-icon{width:1.6em;height:1.6em;flex:none}

/* Knop */
.snwa-launcher{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--snwa-color);color:var(--snwa-fg)!important;box-shadow:0 6px 20px rgba(0,0,0,.18)!important;transition:transform .2s ease,box-shadow .2s ease;font-size:20px}
.snwa--left .snwa-launcher{margin-right:auto}
.snwa--right .snwa-launcher{margin-left:auto}
.snwa-launcher:hover{transform:scale(1.06);box-shadow:0 8px 26px rgba(0,0,0,.24)!important}
.snwa-launcher:focus-visible,.snwa-cta:focus-visible,.snwa-close:focus-visible,.snwa-inline:focus-visible{outline:3px solid #1a73e8;outline-offset:3px}
.snwa-launcher .snwa-icon{width:32px;height:32px}

/* Tooltip */
.snwa-tooltip{position:absolute;bottom:13px;white-space:nowrap;background:#fff;color:#1f2328;padding:7px 12px;border-radius:8px;font-size:14px;box-shadow:0 4px 14px rgba(0,0,0,.14);pointer-events:none;animation:snwa-in .3s ease 1.5s both}
.snwa--right .snwa-tooltip{right:72px}
.snwa--left .snwa-tooltip{left:72px}
.snwa.is-open .snwa-tooltip,.snwa.is-seen .snwa-tooltip{display:none}

/* Pop-up */
.snwa-popup{position:absolute;bottom:76px;width:350px;max-width:calc(100vw - 2 * var(--snwa-side));background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.2);overflow:hidden;transform-origin:bottom right;animation:snwa-pop .22s ease both}
.snwa--right .snwa-popup{right:0}
.snwa--left .snwa-popup{left:0;transform-origin:bottom left}
.snwa-popup[hidden]{display:none}

.snwa-head{display:flex;align-items:center;gap:12px;padding:16px 14px 16px 18px;background:var(--snwa-color);color:var(--snwa-fg)}
.snwa-avatar{position:relative;flex:none;width:48px;height:48px}
.snwa-avatar img,.snwa-initials{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid rgba(255,255,255,.85)}
.snwa-initials{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;color:#1f2328}
.snwa-dot{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:#2ecc71;border:2px solid #fff}
.snwa.is-offline .snwa-dot{background:#9aa0a6}
.snwa-meta{display:flex;flex-direction:column;min-width:0;flex:1}
.snwa-name{font-weight:700;font-size:17px;line-height:1.25}
.snwa-sub{font-size:13px;opacity:.9}
.snwa-close{flex:none;align-self:flex-start;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.85}
.snwa-close:hover{opacity:1;background:rgba(0,0,0,.08)}
.snwa-close svg{width:18px;height:18px}

.snwa-body{padding:20px 18px;background:#efeae2}
.snwa-bubble{position:relative;display:inline-block;max-width:88%;background:#fff;padding:10px 14px;border-radius:0 10px 10px 10px;box-shadow:0 1px 1px rgba(0,0,0,.08);animation:snwa-in .3s ease .15s both}
.snwa-bubble::before{content:"";position:absolute;top:0;left:-8px;border-style:solid;border-width:0 8px 10px 0;border-color:transparent #fff transparent transparent}

.snwa-foot{padding:14px 18px 18px}
.snwa-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:999px;background:var(--snwa-color);color:var(--snwa-fg)!important;font-weight:600;transition:filter .15s ease}
.snwa-cta:hover{filter:brightness(.94)}

/* Shortcode-knop */
.snwa-inline{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:var(--snwa-color);color:var(--snwa-fg)!important;font-weight:600;text-decoration:none!important;line-height:1.2;transition:filter .15s ease}
.snwa-inline:hover{filter:brightness(.94)}
.snwa-inline .snwa-icon{width:1.3em;height:1.3em}

@keyframes snwa-pop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes snwa-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

@media (max-width:767px){
	.snwa--no-mobile{display:none!important}
	.snwa-tooltip{display:none}
	.snwa-launcher{width:56px;height:56px}
	.snwa-popup{bottom:70px}
}
@media (min-width:768px){
	.snwa--no-desktop{display:none!important}
}
@media (prefers-reduced-motion:reduce){
	.snwa *{animation:none!important;transition:none!important}
}
@media print{.snwa{display:none!important}}