/* 실시간 상담하기 버튼 */
#chatWidgetButton {
  position: fixed; right: 32px; bottom: 32px; z-index: 1000;
  background: #4285f4; color: #fff; border: none; border-radius: 24px;
  padding: 16px 28px; font-size: 18px; box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  cursor: pointer; transition: background 0.2s;
}
#chatWidgetButton:hover { background: #1967d2; }

/* 상담 입력 폼/채팅창 상자 */
#chatWidgetBox, #chatBox {
  position: fixed; right: 32px; bottom: 90px; width: 300px; height: 500px;
  background: #fff; border-radius: 16px 16px 8px 8px; box-shadow: 0 4px 24px rgba(0,0,0,0.18);
  z-index: 1001; padding: 0; overflow: hidden; display: none;
  animation: fadeInUp 0.3s;
}
@keyframes fadeInUp {
  from { transform: translateY(40px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

#chatWidgetHeader {
  background: #4285f4; color: #fff;
  padding: 16px; font-size: 20px; font-weight: bold;
  border-radius: 16px 16px 0 0; display: flex; justify-content: space-between; align-items: center;
}
#closeChatWidget, #closeChatBox {
  background: none; border: none; color: #fff; font-size: 22px; cursor: pointer;
}

#chatWidgetForm, #chatSendForm {
  padding: 24px 20px 0 20px; display: flex; flex-direction: column; gap: 18px;
}
#chatWidgetForm label, #chatSendForm label {
  font-size: 15px; margin-bottom: 4px; color: #222;
}
#chatWidgetForm input, #chatWidgetForm select, #chatInput {
  width: 100%; padding: 10px 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 15px;
  color: #222; background: #fff;
}
#chatWidgetForm input::placeholder, #chatInput::placeholder {
  color: #888; opacity: 1;
}
#chatWidgetForm select { color: #222; }

#startChatBtn, #sendChatBtn {
  margin-top: 18px; background: #4285f4; color: #fff; border: none; border-radius: 8px;
  padding: 14px; font-size: 18px; cursor: pointer; width: 100%; transition: background 0.2s;
}
#startChatBtn:hover, #sendChatBtn:hover { background: #1967d2; }

#chatMessages {
  height: 340px; overflow-y: auto; background: #f7f7f7; padding: 10px; border-radius: 8px;
  margin: 0 20px;
}

/* 채팅 메시지 스타일 */
.chat-msg {
  margin: 8px 0; display: flex;
}
.chat-msg.me { justify-content: flex-end; }
.chat-msg.bot { justify-content: flex-start; }
.chat-bubble {
  max-width: 80%; padding: 8px 16px; border-radius: 16px; font-size: 15px;
  display: inline-block; word-break: break-all;
}
.chat-msg.me .chat-bubble {
  background: #4285f4; color: #fff; border-bottom-right-radius: 4px;
}
.chat-msg.bot .chat-bubble {
  background: #eee; color: #222; border-bottom-left-radius: 4px;
}