// vf-chatbot

@import 'package.variables.scss';
// @import 'vf-chatbot.variables.scss';

.vf-chatbot {
  // display: flex;
  // flex-direction: column;
  // height: 100%;
  // width: 100%;
  position: sticky;
  z-index: 100000;

  &__container {
    // position: fixed;
    // bottom: 20px;
    // right: 20px;
    // z-index: 1000;
  }

  .vf-chatbot-modal {
    position: fixed;
    bottom: 90px; // Positioned above the FAB
    right: 20px;
    width: 360px;
    height: 530px;
    display: none;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.3s ease;

    &--active {
      display: flex;
      flex-direction: column;
      opacity: 1;
      transform: translateY(0);
    }

    @media (max-width: 480px) {
      width: calc(100% - 40px);
      height: calc(100vh - 120px);
    }
  }
  display: none;
}

// Import sub-components
// @import '../vf-chatbot-fab/vf-chatbot-fab.scss';
// @import '../vf-chatbot-modal/vf-chatbot-modal.scss';
// @import '../vf-chatbot-prompt/vf-chatbot-prompt.scss';
// @import '../vf-chatbot-feedback/vf-chatbot-feedback.scss';
// @import '../vf-chatbot-dialog/vf-chatbot-dialog.scss';
// @import '@visual-framework/vf-chatbot-action-prompt/vf-chatbot-action-prompt.scss';
// @import '@visual-framework/vf-chatbot-header/vf-chatbot-header.scss';
// @import '@visual-framework/vf-chatbot-header-dropdown/vf-chatbot-header-dropdown.scss';
// @import '@visual-framework/vf-chatbot-dialog/vf-chatbot-dialog.scss';
// @import '@visual-framework/vf-chatbot-card/vf-chatbot-card.scss';
// @import '@visual-framework/vf-chatbot-attribution/vf-chatbot-attribution.scss';
// @import '@visual-framework/vf-chatbot-feedback/vf-chatbot-feedback.scss';