/* Woning-Unie supportchat: lichtgewicht, geen externe UI-library. */
:root{--wu-chat-gold:#8c6a1e;--wu-chat-gold-dark:#6f5417;--wu-chat-ink:#17201e;--wu-chat-muted:#6b7472;--wu-chat-bg:#fff;--wu-chat-soft:#f7f5ef;--wu-chat-border:#e5dfd1;--wu-chat-bottom:78px}
.wu-support-chat{position:fixed;right:18px;bottom:var(--wu-chat-bottom);z-index:100050;font-family:Arial,Helvetica,sans-serif;color:var(--wu-chat-ink);line-height:1.45}
.wu-support-trigger{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 17px;border:0;border-radius:999px;background:#171717;color:#fff;font-size:13px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 30px rgba(0,0,0,.22);cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.wu-support-trigger:hover{background:var(--wu-chat-gold);transform:translateY(-1px);box-shadow:0 12px 34px rgba(0,0,0,.25)}
.wu-support-trigger:focus-visible,.wu-support-icon-btn:focus-visible,.wu-support-send:focus-visible,.wu-support-email-submit:focus-visible,.wu-support-new:focus-visible{outline:3px solid rgba(140,106,30,.28);outline-offset:3px}
.wu-support-trigger i{font-size:17px}
.wu-support-panel{position:absolute;right:0;bottom:62px;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100dvh - var(--wu-chat-bottom) - 92px));min-height:430px;background:var(--wu-chat-bg);border:1px solid var(--wu-chat-border);border-radius:20px;box-shadow:0 24px 65px rgba(0,0,0,.24);overflow:hidden;display:flex;flex-direction:column;transform-origin:bottom right}
.wu-support-panel[hidden]{display:none!important}
.wu-support-head{display:flex;align-items:center;gap:11px;padding:14px 14px 13px 16px;background:#171717;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.wu-support-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--wu-chat-gold),var(--wu-chat-gold-dark));font-size:15px;flex:0 0 auto}
.wu-support-headcopy{min-width:0;flex:1}
.wu-support-title{display:block;font-size:14px;font-weight:800;line-height:1.2;color:#fff}
.wu-support-status{display:flex;align-items:center;gap:6px;margin-top:3px;color:#c9c9c9;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wu-support-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#5ac878;box-shadow:0 0 0 3px rgba(90,200,120,.12);flex:0 0 auto}
.wu-support-head-actions{display:flex;align-items:center;gap:4px}
.wu-support-icon-btn{width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#d7d7d7;display:grid;place-items:center;cursor:pointer;font-size:14px}
.wu-support-icon-btn:hover{background:rgba(255,255,255,.09);color:#fff}
.wu-support-body{flex:1;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#fbfbf9 0%,#fff 36%)}
.wu-support-messages{flex:1;min-height:0;overflow-y:auto;padding:17px 15px 12px;scroll-behavior:smooth;overscroll-behavior:contain}
.wu-support-message{display:flex;margin:0 0 11px}
.wu-support-message.user{justify-content:flex-end}
.wu-support-bubble{max-width:86%;padding:10px 12px;border-radius:15px;font-size:13px;line-height:1.55;word-break:break-word}
.wu-support-message.assistant .wu-support-bubble{background:#f2efe7;border:1px solid #e7e0d0;border-bottom-left-radius:5px;color:#27312f}
.wu-support-message.user .wu-support-bubble{background:#171717;color:#fff;border-bottom-right-radius:5px}
.wu-support-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wu-support-link{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #ded5bd;border-radius:9px;background:#fff;color:#765817!important;text-decoration:none!important;font-size:11px;font-weight:700;line-height:1.25}
.wu-support-link:hover{border-color:var(--wu-chat-gold);color:var(--wu-chat-gold-dark)!important}
.wu-support-related{margin-top:9px;padding-top:8px;border-top:1px solid rgba(140,106,30,.16)}
.wu-support-related-label{display:block;margin-bottom:6px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7c7669;font-weight:800}
.wu-support-typing{display:inline-flex;align-items:center;gap:4px;padding:10px 13px;border:1px solid #e7e0d0;background:#f2efe7;border-radius:15px;border-bottom-left-radius:5px}
.wu-support-typing span{width:5px;height:5px;border-radius:50%;background:#8a8170;animation:wuChatDot 1.15s infinite ease-in-out}
.wu-support-typing span:nth-child(2){animation-delay:.13s}.wu-support-typing span:nth-child(3){animation-delay:.26s}
@keyframes wuChatDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
.wu-support-composer{display:flex;align-items:flex-end;gap:8px;padding:10px 11px 11px;border-top:1px solid #eee9de;background:#fff}
.wu-support-input{flex:1;min-height:42px;max-height:100px;resize:none;padding:11px 12px;border:1px solid #ddd7c9;border-radius:13px;background:#fff;color:#202826;font:inherit;font-size:13px;line-height:1.4;outline:none}
.wu-support-input:focus{border-color:var(--wu-chat-gold);box-shadow:0 0 0 3px rgba(140,106,30,.09)}
.wu-support-send{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:12px;background:var(--wu-chat-gold);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:15px}
.wu-support-send:hover{background:var(--wu-chat-gold-dark)}
.wu-support-send[disabled]{opacity:.45;cursor:not-allowed}
.wu-support-email{margin:0 11px 10px;padding:12px;border:1px solid #dfd6c0;border-radius:14px;background:#fbf8ef}
.wu-support-email[hidden]{display:none!important}
.wu-support-email-title{margin:0 0 4px;font-size:13px;font-weight:800;color:#2b332f}
.wu-support-email-copy{margin:0 0 10px;font-size:11.5px;color:#6d716e;line-height:1.45}
.wu-support-email-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.wu-support-field{width:100%;height:38px;padding:0 10px;border:1px solid #ded5bd;border-radius:10px;background:#fff;color:#202826;font:inherit;font-size:12px;outline:none}
.wu-support-field:focus{border-color:var(--wu-chat-gold);box-shadow:0 0 0 3px rgba(140,106,30,.08)}
.wu-support-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
.wu-support-turnstile{margin-top:8px;min-height:0;transform-origin:left top}
.wu-support-email-submit{width:100%;min-height:39px;margin-top:8px;border:0;border-radius:10px;background:#171717;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.wu-support-email-submit:hover{background:var(--wu-chat-gold)}
.wu-support-email-submit[disabled]{opacity:.5;cursor:not-allowed}
.wu-support-email-status{margin-top:7px;font-size:11px;line-height:1.4;color:#625e55}
.wu-support-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 12px;border-top:1px solid #f0ece3;background:#fff;color:#8a8f8c;font-size:10px}
.wu-support-foot a{color:#7c6a42!important;text-decoration:none!important}
.wu-support-new{border:0;background:transparent;color:#7c6a42;font-size:10px;padding:2px;cursor:pointer}
.wu-support-i18n{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.wu-support-minimized .wu-support-panel{display:none!important}
html.wu-a11y-no-motion .wu-support-trigger,.wu-support-trigger{animation:none}
@media (prefers-reduced-motion:reduce){.wu-support-trigger,.wu-support-messages{transition:none;scroll-behavior:auto}.wu-support-typing span{animation:none}}
@media (max-width:575px){
  .wu-support-chat{right:10px;bottom:var(--wu-chat-bottom)}
  .wu-support-trigger{min-height:46px;padding:0 14px}
  .wu-support-panel{position:fixed;left:8px;right:8px;bottom:calc(var(--wu-chat-bottom) + 56px);width:auto;height:min(650px,calc(100dvh - var(--wu-chat-bottom) - 76px));min-height:360px;border-radius:17px}
  .wu-support-bubble{max-width:91%}
  .wu-support-email-grid{grid-template-columns:1fr}
  .wu-support-turnstile{transform:scale(.88);margin-bottom:-8px}
}
@media (max-height:620px){.wu-support-panel{height:calc(100dvh - var(--wu-chat-bottom) - 74px);min-height:320px}.wu-support-head{padding-top:10px;padding-bottom:10px}.wu-support-messages{padding-top:11px}}