/* Tat2holics AI Assistent widget */
#t2hai-btn{position:fixed;right:20px;bottom:88px;z-index:99998;display:flex;align-items:center;gap:8px;
  background:#141414;color:#fff;border:1px solid #b08d57;border-radius:999px;padding:12px 18px;cursor:pointer;
  font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform .15s ease}
#t2hai-btn:hover{transform:translateY(-2px)}
#t2hai-btn .t2hai-dot{width:9px;height:9px;border-radius:50%;background:#b08d57;box-shadow:0 0 0 3px rgba(176,141,87,.25)}
#t2hai-panel{position:fixed;right:20px;bottom:20px;z-index:99999;width:380px;max-width:calc(100vw - 32px);
  height:560px;max-height:calc(100vh - 90px);background:#fff;border-radius:16px;display:none;flex-direction:column;
  overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.32);
  font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
#t2hai-panel.t2hai-open{display:flex}
.t2hai-head{background:#141414;color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}
.t2hai-head b{font-size:15px}
.t2hai-head small{display:block;color:#b08d57;font-size:11px;font-weight:600;margin-top:2px}
.t2hai-close{background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.8}
.t2hai-close:hover{opacity:1}
.t2hai-body{flex:1;overflow-y:auto;padding:16px;background:#f6f6f4;-webkit-overflow-scrolling:touch}
.t2hai-msg{margin:0 0 12px;max-width:88%;padding:10px 13px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}
.t2hai-bot{background:#fff;border:1px solid #ececec;color:#1a1a1a;border-bottom-left-radius:4px}
.t2hai-user{background:#141414;color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.t2hai-src{margin:6px 0 12px;font-size:12px}
.t2hai-src a{display:inline-block;margin:2px 6px 2px 0;padding:4px 9px;background:#fff;border:1px solid #b08d57;
  color:#8a6d3b;border-radius:999px;text-decoration:none}
.t2hai-typing{display:inline-block;color:#999;font-style:italic}
.t2hai-foot{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #eee}
.t2hai-foot input{flex:1;background:#fff!important;color:#1a1a1a!important;border:1px solid #ddd;border-radius:999px;padding:11px 14px;font-size:14px;outline:none;-webkit-text-fill-color:#1a1a1a}
.t2hai-foot input::placeholder{color:#8a8a8a;opacity:1}
.t2hai-foot input:focus{border-color:#b08d57}
.t2hai-foot button{background:#141414;color:#fff;border:0;border-radius:999px;width:44px;cursor:pointer;font-size:16px}
.t2hai-sug{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.t2hai-sug button{background:#fff;border:1px solid #ddd;border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;color:#444}
.t2hai-sug button:hover{border-color:#b08d57;color:#8a6d3b}
/* Mobiel: de eigen CTA-balk #t2h-mobile-cta (74px) verschijnt <=768px. Paneel + knop moeten erboven blijven,
   anders valt het invoerveld weg achter de balk. */
@media(max-width:768px){#t2hai-panel{bottom:84px;height:calc(100vh - 92px)}}
@media(max-width:480px){#t2hai-panel{right:8px;left:8px;width:auto}}