/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/

/* Chatbot Component Styles */

/* Custom scrollbar for chat messages */

.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #b39ddb transparent;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #b39ddb;
  border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #9C27B0;
}

/* Scrollbar for language dropdown */

.language-dropdown-scroll {
  scrollbar-width: thin;
  scrollbar-color: #9C27B0 #f3f4f6;
}

.language-dropdown-scroll::-webkit-scrollbar {
  width: 8px;
}

.language-dropdown-scroll::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 4px;
}

.language-dropdown-scroll::-webkit-scrollbar-thumb {
  background: #9C27B0;
  border-radius: 4px;
}

.language-dropdown-scroll::-webkit-scrollbar-thumb:hover {
  background: #7B1FA2;
}

/* Ensure Tailwind utilities work with higher specificity */

.chatbot-container * {
  box-sizing: border-box;
}

/* Animation for typing indicator */

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

.typing-dot {
  animation: bounce 1.4s infinite;
}

.typing-dot:nth-child(2) {
  animation-delay: 0.2s;
}

.typing-dot:nth-child(3) {
  animation-delay: 0.4s;
}

/* Smooth transitions */

.chatbot-transition {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Message bubble animations */

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.message-bubble {
  animation: slideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.animate-fadeIn {
  animation: fadeIn 0.3s ease-out;
}

/* Ensure proper text rendering */

.chatbot-text {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}



/*# sourceMappingURL=main.css.map*/