/* Hide Genesys branding. */
.cx-powered-by,
.cx-branding,
.cx-webchat .cx-menu > li > .cx-menu-item.cx-branding-icon,
.cx-branding * {
    display: none;
}

li[aria-label='Genesys'] {
    position: absolute;
    left: -100px;
    top: -100px;
}

/* force the font to match the site. */
.cx-widget {
    font-family: var(--wt-default-fontfamily) !important;
}

/* Chat message input field. */
.cx-webchat div.cx-input-container .cx-message-input {
    padding: 10px !important;
    font-size: 1.125rem !important;
}

/* Messages font size. */
.cx-webchat .cx-transcript .cx-message .cx-message-text {
    font-size: 1.125rem;
    line-height: 1.25rem;
}

/* Incoming messages. */
.cx-webchat.cx-theme-light .cx-message.cx-them .cx-bubble {
    background-color: var(--wp--preset--color--yellow-30) !important;
}

.cx-webchat.cx-theme-light .cx-message.cx-them .cx-bubble-arrow svg * {
    fill: var(--wp--preset--color--yellow-30) !important;
}

/* Icon colors */
.cx-widget.cx-theme-light .cx-svg-icon-tone1 {
    fill: var(--wp--preset--color--logoblue-100) !important;
}

/* Move the send button inwards to match the input field's padding. */
.cx-webchat .cx-send,
.cx-webchat .cx-start-cobrowse {
    right: 10px !important;
    top: 10px !important;
}

.cx-webchat .cx-transcript p {
    line-height: 1.25rem !important;
}

/* reduce horizontal padding of the caht close buttons, so they fit next ot eachother. */
.cx-widget .cx-btn.cx-end-cancel,
.cx-widget .cx-btn.cx-end-confirm {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* force the z-index on mobile browsers */
.cx-sidebar.cx-mobile {
    z-index: 99999 !important;
}

.cx-widget.cx-window-manager {
    height: 0px;
    overflow: hidden;
}