/*
 # -----------------------------------------------------------------------------
 # ~/assets/themes/j1/modules/chatgpt/css/uno.css
 # Provides styles for J1 Module ChatGPT
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2023, 2024 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 # -----------------------------------------------------------------------------
*/

/* VivoChat settings
================================================================================ */


/* TutGPT settings
================================================================================ */

/* Chat button settings
-------------------------------------------------------------------------------- */

/* See: https://stackoverflow.com/questions/5218927/z-index-not-working-with-fixed-positioning */
#chatbot-widget {
  position: relative;
  z-index: 9;
}

#chatbot-widget .text-right {
  padding-right: 5px !important;
  padding-bottom: 18px !important;
}

#chatbot-widget :is(.hover\:text-white:hover) {
  color: #757575 !important;
}

/* ChatBob settings
================================================================================ */

/* Chat button settings
-------------------------------------------------------------------------------- */
#ChatBobBubble {
  bottom: 20px !important;
	right: .75rem !important;
	width: 3.5rem !important;
	height: 3.5rem !important;
	border-radius: 27.5px;
	background-color: #2196f3 !important;
	z-index: 9 !important;
}

/* Chat assistant settings (does NOT work this way)
-------------------------------------------------------------------------------- */
/*
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    background-color: #2196f3;
}
*/

/* WebWhiz settings
================================================================================ */

/* Chat button settings
-------------------------------------------------------------------------------- */
.webwhiz-widget {
  z-index: 9 !important;
  right: 0 !important;
  bottom: 10px !important;
}

.chat-header, .chat-loading-dot, .chat-launcher-btn {
  background-color: #2196f3 !important;
}

/* Chat assistant settings
-------------------------------------------------------------------------------- */
@media only screen and (device-width: 768px), only screen and (min-width: 768px) {
  .webwhiz-widget.wb-expand {
    width: 500px !important;
    height: 800px !important;
    min-width: 500px!important;
  }
}

@media only screen and (device-width: 768px), only screen and (max-width: 768px) {
  .webwhiz-widget.wb-expand {
      width: 100% !important;
      height: 550px !important;
      left: 0 !important;
      right: 10px !important;
      bottom: 10px !important;
      top: 80px !important;
      max-width: 100% !important;
      max-height: 100% !important;
  }
}