/* Styles personnalisés pour forcer la position du chatbot Chatbase à gauche */

/* Cibler spécifiquement le bouton du chatbot */
.chatbase-bubble {
  left: 20px !important;
  right: unset !important;
  inset-inline-end: unset !important;
  inset-inline-start: 20px !important;
}

/* Cibler spécifiquement le conteneur du chat */
.chatbase-container {
  left: 20px !important;
  right: unset !important;
  inset-inline-end: unset !important;
  inset-inline-start: 20px !important;
}

/* S'assurer que le conteneur du chat s'ouvre correctement à gauche */
.chatbase-container.chatbase-container-expanded {
  left: 20px !important;
  right: unset !important;
  inset-inline-end: unset !important;
  inset-inline-start: 20px !important;
}

/* Ajuster la position des bulles de message */
.chatbase-message-bubble {
  transform-origin: left bottom !important;
}

/* Cibler directement les styles inline */
[style*="right: 1rem"] {
  right: unset !important;
  left: 20px !important;
}

/* Cibler les styles avec left: unset */
[style*="left: unset"] {
  left: 20px !important;
}