/* Avatar and Bubble Styles */
.webchat-bubble__avatar {
    width: 50px !important;
    border: unset !important;
    position: unset !important;
    margin: auto !important;
}

.chat-header-logo img {
    height: 100% !important;
}

.webchat-bubble.active {
    background-color: #FCB827 !important;
    padding: 0 !important;
    width: 56px !important;
    height: 140px !important;
    border-radius: 50px !important;
    right: 40px !important;
    bottom: 110px !important;
    transition: unset !important;
}

.webchat-bubble__close {
    width: 25px !important;
    height: 25px !important;
    display: none !important;
}

.webchat-bubble__message {
    font-size: 8px !important;
    font-weight: 800 !important;
    min-width: auto !important;
    max-width: unset !important;
    margin: 40px 0 0 0 !important;
}

.webchat-bubble__message > * {
    margin: auto !important;
    line-height: 1.4em !important;
    width: max-content !important;
}

/* Chat Bubble Styling */
.webchat__bubble__content {
    border-radius: 16px 16px 16px 0px !important;
    text-align: left !important;
    line-height: 1.5em !important;
}

/* Header Styles */
.bubble-widget-chat-container .chat-header {
    height: 10% !important;
}

.bubble-widget-chat-container .chat-header .chat-header-logo {
    width: 20% !important;
}

.bubble-widget-chat-container .chat-header .chat-header-icon {
    width: 15% !important;
}

.bubble-widget-chat-container .chat-header .chat-header-title h2 {
    margin-top: 2px !important;
}

/* Chat Header Title Alignment */
.bubble-widget-chat-container .chat-header .chat-header-title {
    align-items: flex-start !important;
}

.bubble-widget-chat-container .chat-header .chat-header-title h3 {
    margin: 0 !important;
}

/* Suggested Actions Styling */
.webchat__suggested-actions__item-box {
    padding: 3px !important;
}

.webchat__suggested-actions__button {
    padding: 0 8px !important;
    min-height: 32px !important;
    height: 32px !important;
    margin: auto !important;
}

/* Other Styles */
.btn-sonar.has-chat-prompt {
    border: unset !important;
}

#botChat {
    font-size: 13.5px !important;
    height: 90% !important;
}

.hbf-bot-div ul li,
ol li {
    margin: unset;
    padding: unset;
    list-style: unset;
    background: none;
}

.hbf-bot-div ol {
padding-left: 10px;
}


/* Fix list numbering hiding content */
.hbf-bot-div .webchat__bubble__content ol > li:before {
  position: relative !important
  display: inline-block !important
  margin-right: 4px !important
}

/* Fix overlapping style that makes chat bubbles start from the top */
.webchat__basic-transcript__filler {
    display: block !important;
}

/* Carousel cards styling */
.webchat__carousel-filmstrip-attachment > .webchat__bubble > .webchat__bubble__content {
  border : 0.5px groove lightgrey !important;
}

.webchat__carousel-filmstrip-attachment .webchat__bubble__content .ac-content-container p {
  margin-bottom: 2px;
}

.webchat__carousel-filmstrip-attachment--focus {
  display: none
}

.webchat__bubble__content:has(.ac-image-container, .ac-content-container) {
  border : 0.5px groove lightgrey !important;
  margin-bottom: 2px;
}

.webchat__bubble:has(.ac-image-container, .ac-content-container) {
  max-width: 250px !important;
}

.webchat__bubble:has(.ac-image-container, .ac-content-container) .ac-content-container p {
  margin-bottom: 2px;
}

.hbf-bot-div .react-film__main  .react-film__filmstrip__list  .react-film__filmstrip__item {
box-sizing: unset;
}