/* assets/css/chatbot.css */

#k3ms-chat-button {
  position: fixed; bottom: 20px; right: 20px;
  background: #0073aa; color: #fff;
  padding: 12px; border-radius: 24px;
  cursor: pointer; z-index: 9998;
}
#k3ms-chat-window {
  position: fixed; bottom: 80px; right: 20px;
  width: 300px; max-height: 400px;
  background: #fff; border: 1px solid #ccc;
  border-radius: 8px; display: none;
  flex-direction: column; overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
  z-index: 9999;
}
#k3ms-chat-window.open { display: flex; }
#k3ms-chat-log { flex:1; overflow-y:auto; padding:8px; }
#k3ms-chat-log .user-msg { text-align:right; margin:4px; }
#k3ms-chat-log .bot-msg  { text-align:left;  margin:4px; }
#k3ms-chat-form {
  display:flex; border-top:1px solid #eee;
}
#k3ms-chat-input {
  flex:1; border:none; padding:8px; font-size:14px;
}
#k3ms-chat-form button {
  background:#0073aa;color:#fff;border:none;padding:0 12px;
  cursor:pointer;
}
/* 1) Make the header not behave like editable text */
#k3ms-chat-header {
  background: #0073aa; color: #fff; padding: 8px;
  font-weight: bold; display: flex; justify-content: space-between;
  cursor: default !important;
  user-select: none;                /* no text selection */
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* 2) If your theme forces text cursor via a global rule, inherit default */
#k3ms-chat-header * {
  cursor: inherit !important;
}

/* 3) Ensure the close “×” also stays an arrow */
#k3ms-chat-close {
  display: inline-block;            /* give it a box so cursor applies reliably */
  cursor: default !important;
  user-select: none;
}

/* Optional hard mode: header ignores pointer events; only the X is clickable */
#k3ms-chat-header.hard-noninteractive { 
  pointer-events: none;
}
#k3ms-chat-header.hard-noninteractive #k3ms-chat-close {
  pointer-events: auto;             /* still clickable */
}