:root {

  --family-base:"Titillium Web",sans-serif!important;
  --camilla-widget-wrapper-height: 70vh !important;
  --camilla-widget-wrapper-width: 400px !important;
  
}

/* stile della finestra del chatbot*/

#camilla-widget-wrapper {

  font-family: var(--family-base);
  z-index: 9999;
  width: 100vw;
  min-height: 100vh;
  max-height: none;
  font-size: var(--base-font-size);
  box-shadow: var(--camilla-widget-wrapper-shadow);
  background: var(--camilla-widget-wrapper-bg);
  border-radius: var(--camilla-widget-wrapper-border-radius);
  position: fixed;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}

/* stile della finestra del chatbot - desktop*/

@media (min-width: 1024px) {

  #camilla-widget-wrapper {

    width: var(--camilla-widget-wrapper-width);
    min-height: var(--camilla-widget-wrapper-height);

  }

}

/* stile della finestra del chatbot - mobile e tablet */

@media (max-width: 1023.98px) {

  body.chatbot-open-body {
    overflow: hidden;
  }

  #camilla-widget-wrapper {
    width: 100vw !important;
    min-height: 100% !important;
    max-height: none !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
  }

}


/* Barra con menu */

.camilla-widget-header-bar {
  color: var(--camilla-widget-header-bar-fg);
  background-color: var(--camilla-widget-header-bar-bg);
  padding: 0px 20px;
}

.camilla-widget-header-bar .camilla-widget-header-bar-item .camilla-widget-btn:hover {
  color: var(--camilla-widget-header-bar-fg);
  background-color: var(--camilla-widget-header-bar-bg);

}

.camilla-widget-header-bar .camilla-widget-header-bar-item .camilla-widget-btn:focus,
.camilla-widget-header-bar .camilla-widget-header-bar-item .camilla-widget-btn:hover {
  color: var(--camilla-widget-header-dropdown-fg);
  background-color: var(--camilla-widget-primary);
}


.camilla-widget-dropdown-wrapper .camilla-widget-dropdown-menu {
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 0 0 .25em .25em;
}

.camilla-widget-dropdown-wrapper .camilla-widget-dropdown-menu .camilla-widget-dropdown-menu-item {
  color: var(--camilla-widget-header-dropdown-fg);
  background: var(--camilla-widget-primary);
  padding: .5em 1em;
  gap: .5em;
}

.camilla-widget-dropdown-menu-item-icon {
  display: flex;
}

/* Fine Barra con menu */


.camilla-widget-chat-input-form-wrapper {
  padding: 1em !important;
}

.camilla-widget-chat div.messages {
  border: 0 !important;
}

textarea.input-textarea {
  font-size: 1em;
}

#camilla-widget-open-chat-wrapper {
  z-index: 9998;
}

.camilla-widget-modal-wrapper {
  z-index: 9997;
}


/* Mantiene la dimensione ORIGINALE del pulsante */
#camilla-widget-open-chat-wrapper .camilla-widget-open-button {
  height: 56px !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0em !important;
}

/* Mantiene fissa l'area dell'avatar */
#camilla-widget-open-chat-wrapper .camilla-widget-open-button .camilla-widget-openButtonAvatar {
  width: 70px !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Riduce SOLO l'immagine */
#camilla-widget-open-chat-wrapper .camilla-widget-open-button .camilla-widget-openButtonAvatar img {
  width: 50px !important;
  height: 50px !important;
  object-fit: contain !important;
  display: block !important;
}


/* posiziona il pulsante invio e il testo del conteggio caratteri */

.camilla-widget-chat-input-form-wrapper .camilla-widget-chat-input-form .char-counter {
  right: 1em!important;
}

.camilla-widget-chat-input-form-wrapper .camilla-widget-chat-input-form .send-wrapper {
  padding: 0!important;
}