/* Bright and Modern Chatbot Theme for Axion Continuum */
bsc-chat {
  --chat-primary-color: #1856b7;       /* Axion Primary Blue */
  --chat-secondary-color: #a259e6;     /* Axion Accent Purple */
  --chat-text-color: #ffffff;          /* White text on primary backgrounds */
  --chat-dark-text-color: #212529;     /* Dark text for light backgrounds */
  --chat-background-color: #ffffff;    /* Chat window background */
  --chat-light-background: #f7f9fc;   /* Light grey for bot messages */

  --chat-font-family: 'Space Grotesk', Arial, sans-serif;
  --chat-font-size: 16px;
  --chat-bubble-radius: 20px;
  --chat-shadow: 0 8px 24px rgba(24, 86, 183, 0.15);
  --chat-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Chat bubble button */
bsc-chat::part(button) {
  background: linear-gradient(135deg, var(--chat-secondary-color), var(--chat-primary-color));
  border-radius: 50%;
  box-shadow: var(--chat-shadow);
  transition: var(--chat-transition);
}

bsc-chat::part(button):hover {
  transform: scale(1.1) rotate(10deg);
  box-shadow: 0 12px 30px rgba(24, 86, 183, 0.2);
}

/* Main chat window */
bsc-chat::part(window) {
  border-radius: 16px;
  box-shadow: var(--chat-shadow);
  background-color: var(--chat-background-color);
  border: 1px solid #e6e9fa;
  font-family: var(--chat-font-family);
}

/* Chat header */
bsc-chat::part(header) {
  background: var(--chat-primary-color);
  color: var(--chat-text-color);
  font-weight: 700;
  border-bottom: none;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding: 16px;
}

/* User's message bubble */
bsc-chat::part(message-user) {
  background: var(--chat-primary-color);
  color: var(--chat-text-color);
  border-radius: var(--chat-bubble-radius);
  padding: 12px 16px;
  border-bottom-right-radius: 4px;
}

/* Bot's message bubble */
bsc-chat::part(message-bot) {
  background: var(--chat-light-background);
  color: var(--chat-dark-text-color);
  border-radius: var(--chat-bubble-radius);
  padding: 12px 16px;
  border-bottom-left-radius: 4px;
}

/* Text input area */
bsc-chat::part(input) {
  border: 2px solid #e6e9fa;
  border-radius: 12px;
  padding: 12px;
  font-size: var(--chat-font-size);
  transition: var(--chat-transition);
  background-color: #fff;
}

bsc-chat::part(input):focus {
  border-color: var(--chat-primary-color);
  box-shadow: 0 0 0 3px rgba(24, 86, 183, 0.1);
}

/* Send button */
bsc-chat::part(send-button) {
  background-color: var(--chat-primary-color);
  color: var(--chat-text-color);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  transition: var(--chat-transition);
}

bsc-chat::part(send-button):hover {
  background-color: var(--chat-secondary-color);
  transform: scale(1.05);
}
#bsc-chat-container {
  width: 350px;
  z-index: 100;
  bottom: 20px;
  right: 20px;
  height: 85vh;
  border-radius: 15px;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
}