/**
 * ChatBiz Embeddable Chatbot Positioning Styles
 * Enhanced positioning for better website assistant experience
 */

/* Position containers */
#aibiz-chatbot-container,
#chatbiz-chatbot-container {
  position: fixed;
  z-index: 9999;
}

/* Bottom right positioning - standard for website assistants */
.aibiz-chatbot-bottom-right {
  bottom: 20px;
  right: 20px;
  align-items: flex-end;
}

/* Bottom left positioning */
.aibiz-chatbot-bottom-left {
  bottom: 20px;
  left: 20px;
  align-items: flex-start;
}

/* Improved button styling for better visibility */
.aibiz-chatbot-button {
  padding: 12px 20px !important;
  border-radius: 30px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: all 0.3s ease !important;
  font-size: 15px !important;
}

.aibiz-chatbot-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}

/* Improved chat box styling */
.aibiz-chatbot-box {
  margin-bottom: 15px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .aibiz-chatbot-bottom-right,
  .aibiz-chatbot-bottom-left {
    bottom: 10px;
  }
  
  .aibiz-chatbot-bottom-right {
    right: 10px;
  }
  
  .aibiz-chatbot-bottom-left {
    left: 10px;
  }
  
  .aibiz-chatbot-button {
    padding: 10px 16px !important;
    font-size: 14px !important;
  }
}
