/* CTA custom styles */
.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton,
.embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"], 
embeddedmessaging-minimized-state .minimizedButtonWrapper>.minimizedButton {
    border-radius: 18px !important;
    padding: 3px !important;
    width:180px !important;
    height: 45px !important;
}

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner {
    margin-top: 5px !important;
}

@media only screen and (min-width: 48em){
    .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] {
        bottom: 20px !important;
        right: 30px !important;
        max-height: calc(100vh - 3em) !important;
    }
    .embeddedMessagingFrame {
        border-radius: 8px 8px 0 8px !important;
    }
}

/* Adjusts the position of the chat button on mobile devices */
@media only screen and (max-width: 480px) {
    .embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton {
        transform: rotate(270deg);
        right: 0 !important;
        bottom: calc(180px + 85px) !important;
        transform-origin: 100% 100%;
        border-radius: 18px 18px 0 0 !important;
    }
}

/* Ensures the chat button icon and image is centered and not cut off */
.minimizedButtonWrapper, .minimizedButton, .minimizedButtonWrapper , .minimizedButton div[class="minimizedButtonIconContainer"], #minimizedButtonIconContainer-20, #minimizedButton-20, .minimizedButtonWrapper[lwc-2tu55qmbbaf] .minimizedButton[lwc-2tu55qmbbaf] {
    border-radius: 18px !important;
    width: 100% !important;
    height: 100% !important;
}

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton div[class="embeddedMessagingIconContainer"] > img.embeddedMessagingIconChat {
    border-radius: 18px !important;
}

.slds-chat-message__text_outbound {
    background-color: #2B2BB2 !important;
}