@import url('https://fonts.googleapis.com/css2?family=Share+Tech&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap');

.bpFont {
    font-family: Zain;
}

.bpComposerVoiceButtonIcon {
    background-color: #5c3d87;
}

.bpComposerVoiceButton {
    color: #5c3d87;
}

.bpComposerVoiceButtonContainer[data-listens=true] {
    border-radius: 1rem;
}


.bpComposerInputContainer {
    background-color: #e8e2f0;
}

/* Outer container for the composer */
.bpComposerContainer {
    border: hidden;
    border-radius: 0.8rem;
    margin-left: 1.5rem;
    margin-right: 1.25rem;
}

.bpComposerInput {
    color: #5c3d87;
    font-size: 1.25rem;
}

.bpComposerInput::placeholder {
    color: #AC9DC4;
    font-size: 1.25rem;
}

/* Inner input field container */
.bpComposerInputContainer {
    background-color: #e8e2f0;
    border: 1px solid #5c3d87;
    border-radius: .8rem;
    color: #5c3d87;

}



.bpMessageBlocksBubble[data-direction=incoming] {
    background-color: #5c3d87;
    color: #e8e2f0;
}

.bpMessageBlocksBubble[data-direction=outgoing] {
    background-color: #e8e2f0;
    color: #5c3d87;
}

.bpMessageBlocksBubble {
    border-radius: 0.625rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    max-width: 95%;
    font-size: 1.25rem;
    margin-top: 0.5rem;
}

.bpModalDialogNewConversationButton {
    background-color: #5c3d87;
    color: #e8e2f0;
    border-radius: 0.4rem;
    font-size: 1.1rem;
}

.bpHeaderContainer {
    background-color: #e8e2f0;
}

.bpHeaderContentActionsIcons {
    color: #5c3d87;
}

.bpMessageListMarqueeAvatarImage {
    display: none;
}

.bpMessageAvatarImage {
    display: none;
}


.bpTypingIndicatorContainer {
    background-color: #5c3d87;
}

.bpHeaderContentTitle {
    color: #5c3d87;
    font-size: 1.5rem;
    padding-bottom: 0px;
    font-weight: bold;
}

.bpHeaderContentDescription {
    color: #5c3d87;
    font-size: 1.2rem;
    padding-top: 0px;

}

.bpMessageListMarqueeContainer {
    display: none;
}

.bpFabIcon {
    /* background-color: #fff; */
    background-image: url('https://files.bpcontent.cloud/2025/05/11/19/20250511195857-ZGJ4A4KH.svg');
    background-color: transparent;
    background-size: contain;
    /* ensures the whole image fits */
    background-repeat: no-repeat;
    background-position: center;


    /* Optional: Remove mask if it's distorting the icon */
    -webkit-mask: none;
    mask: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    background-color: transparent;
    width: 3.2rem;
    height: 3.2rem;
}

.bpFabContainer,
.bpFabContainer:hover {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 0;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    background-color: transparent;
    border: none;
}

.bpReset {
    --bpRadius-scale: 0;
    border: none;
}

.bpMessageBlocksButton {
    border-radius: 0.3rem;
    font-size: 1.25rem;
    color: #e8e2f0;
    /* padding: .5rem; */
    padding-top: .4rem;
}

/* .bpFabImage{
  border-radius: 0;
} */
.bpMessageListScrollDownButtonButton:after {
    background-color: #5c3d87;
}

.bpTypingIndicatorContainer {
    border-radius: 0.625rem;
    padding: 1rem;
}

.bpTypingIndicatorLoader,
.bpTypingIndicatorContainer::after,
.bpTypingIndicatorContainer::before {
    background-color: #e8e2f0;
}

.bpHeaderContentAvatarImage {
    height: 3rem;
}

.bpModalDialogNewConversationText {
    font-size: 1.25rem;
}

.bpModalDialogTitleText {
    font-size: 1.6rem;
}



.bpMessageBlocksTextHeading2,
.bpMessageBlocksTextHeading3,
.bpMessageBlocksTextHeading1 {
    background-color: #5c3d87;
    color: #e8e2f0;
}

.bpComposerFooter {
    /* font-weight: bold; */
}
.bpMessageBlocksBubbleFeedbackContainer{
    border-radius: .5rem;
}