/* enVisual Chat: zwevende chatrobot in de huisstijl. */
.ech{--ech-accent:#FE5E00;--ech-ink:#16120F;--ech-ink-2:#221C17;--ech-cream:#FFF4EC;--ech-line:#F1E4DA;--ech-text:#4A423C;--ech-radius:28px;--ech-ease:cubic-bezier(.2,.7,.2,1);position:fixed;bottom:20px;z-index:99990;font-family:'Mulish',Helvetica,Arial,sans-serif;color:var(--ech-ink)}
.ech--rechts{right:20px}
.ech--links{left:20px}
.ech *{box-sizing:border-box}
.ech svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* knop */
.ech-knop{display:inline-flex;align-items:center;gap:12px;padding:7px 22px 7px 7px;border:1px solid transparent;border-radius:999px;background:var(--ech-ink);color:#fff;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;line-height:1;cursor:pointer;box-shadow:0 18px 40px -18px rgba(22,18,15,.6);transition:transform .25s var(--ech-ease),background-color .25s,box-shadow .25s}
.ech-knop:hover{transform:translateY(-2px);background:var(--ech-accent);box-shadow:0 18px 40px -16px rgba(254,94,0,.6)}
.ech-knop__icoon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;background:var(--ech-accent) var(--ech-avatar) center/cover no-repeat;color:#fff;transition:background-color .25s,color .25s,transform .3s var(--ech-ease)}
.ech-knop__chat{display:none}
.ech.is-open .ech-knop__icoon{background-image:none}
.ech-knop:hover .ech-knop__icoon{transform:rotate(-8deg) scale(1.06)}
.ech.is-open .ech-knop:hover .ech-knop__icoon{background:#fff;color:var(--ech-accent)}
.ech-knop__icoon svg{width:20px;height:20px}
.ech-knop__dicht{display:none}
.ech.is-open .ech-knop__dicht{display:block}
.ech.is-open .ech-knop__chat{display:none}
.ech--links .ech-knop{flex-direction:row-reverse;padding:7px 7px 7px 22px}
/* paneel */
.ech-paneel{position:absolute;bottom:calc(100% + 14px);width:min(400px,calc(100vw - 40px));height:min(640px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--ech-line);border-radius:var(--ech-radius);overflow:hidden;box-shadow:0 40px 90px -30px rgba(22,18,15,.45);opacity:0;transform:translateY(16px) scale(.98);transition:opacity .3s var(--ech-ease),transform .35s var(--ech-ease)}
.ech--rechts .ech-paneel{right:0}
.ech--links .ech-paneel{left:0}
.ech-paneel[hidden]{display:none}
.ech-paneel.is-zichtbaar{opacity:1;transform:none}
.ech-kop{display:flex;align-items:center;gap:14px;padding:18px 18px 18px 20px;background:var(--ech-ink);color:#fff}
.ech-kop__avatar{flex:0 0 44px;width:44px;height:44px;border-radius:999px;background:var(--ech-avatar) center/cover no-repeat;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.ech-kop__tekst{flex:1;min-width:0}
.ech-kop__tekst b{display:block;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ech-kop__tekst span{display:flex;align-items:center;gap:7px;font-size:12.5px;color:rgba(255,255,255,.65)}
.ech-kop__tekst span i{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.2)}
.ech-kop__nieuw,.ech-kop__sluit{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background-color .25s}
.ech-kop__nieuw:hover,.ech-kop__sluit:hover{background:var(--ech-accent)}
.ech-kop__nieuw svg,.ech-kop__sluit svg{width:16px;height:16px}
/* berichten */
.ech-berichten{flex:1;overflow-y:auto;padding:20px 18px 10px;background:var(--ech-cream);scroll-behavior:smooth}
.ech-bericht{display:flex;flex-direction:column;max-width:85%;margin-bottom:12px;animation:echIn .3s var(--ech-ease)}
@keyframes echIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ech-bericht--bot{align-items:flex-start;padding-left:34px;position:relative}
.ech-bericht--bot::before{content:"";position:absolute;left:0;bottom:22px;width:26px;height:26px;border-radius:999px;background:var(--ech-avatar) center/cover no-repeat}
.ech-typt{margin-left:34px}
.ech-bericht--ik{align-items:flex-end;margin-left:auto}
.ech-bericht__tekst{padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}
.ech-bericht--bot .ech-bericht__tekst{background:#fff;border:1px solid var(--ech-line);border-bottom-left-radius:6px;color:var(--ech-ink)}
.ech-bericht--ik .ech-bericht__tekst{background:var(--ech-accent);color:#fff;border-bottom-right-radius:6px}
.ech-bericht__tekst a{color:inherit;text-decoration:underline}
.ech-bericht__tijd{margin:4px 6px 0;font-size:11.5px;color:rgba(74,66,60,.6)}
.ech-suggesties{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px}
.ech-suggesties button{padding:9px 14px;border:1px solid var(--ech-ink);border-radius:999px;background:#fff;color:var(--ech-ink);font-family:'Poppins',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.ech-suggesties button:hover{background:var(--ech-ink);color:#fff}
.ech-typt{display:inline-flex;gap:5px;padding:14px 16px;background:#fff;border:1px solid var(--ech-line);border-radius:18px;border-bottom-left-radius:6px;margin-bottom:12px}
.ech-typt i{width:7px;height:7px;border-radius:50%;background:var(--ech-accent);animation:echDot 1.2s infinite}
.ech-typt i:nth-child(2){animation-delay:.15s}
.ech-typt i:nth-child(3){animation-delay:.3s}
@keyframes echDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
/* invoer */
.ech-invoer{display:flex;align-items:flex-end;gap:8px;padding:12px 12px 10px;border-top:1px solid var(--ech-line);background:#fff}
.ech-invoer textarea{flex:1;min-height:46px;max-height:140px;padding:12px 16px;border:1px solid var(--ech-line);border-radius:23px;background:var(--ech-cream);font-family:'Mulish',sans-serif;font-size:15px;line-height:1.4;color:var(--ech-ink);resize:none;outline:none;transition:border-color .25s}
.ech-invoer textarea:focus{border-color:var(--ech-accent)}
.ech-verzend{flex:0 0 46px;width:46px;height:46px;border:0;border-radius:999px;background:var(--ech-accent);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background-color .25s,transform .25s var(--ech-ease)}
.ech-verzend:hover{background:var(--ech-ink);transform:translateX(2px)}
.ech-verzend:disabled{opacity:.5;cursor:default;transform:none}
.ech-verzend svg{width:18px;height:18px;stroke-width:2.4}
.ech-privacy{margin:0;padding:0 18px 12px;background:#fff;font-size:11.5px;line-height:1.45;color:rgba(74,66,60,.65);text-align:center}
@media (max-width:640px){
.ech{bottom:14px}
.ech--rechts{right:14px}
.ech--links{left:14px}
.ech-knop__tekst{display:none}
.ech-knop{padding:7px}
.ech--links .ech-knop{padding:7px}
.ech-knop__icoon{width:46px;height:46px}
.ech-paneel{position:fixed;inset:0;width:auto;height:auto;border-radius:0;border:0;bottom:0}
.ech.is-open .ech-knop{display:none}
}
@media (prefers-reduced-motion:reduce){.ech *{transition:none!important;animation:none!important}}