#chatbot-container {
    --suphax-font-family: var(--wp--preset--font-family--main, Manrope, sans-serif);
    --assistant-offset: 24px;
    --assistant-right: calc(var(--assistant-offset) + env(safe-area-inset-right, 0px));
    --assistant-launcher-right: calc(var(--assistant-right) + var(--twe-contact-space, 0px));
    --assistant-bottom: calc(var(--assistant-offset) + env(safe-area-inset-bottom, 0px));
}
#chatbot-container :is(input, textarea, button) {
    font-family: var(--suphax-font-family);
}
@media (max-width: 1024px) {
    #chatbot-container { --assistant-offset: 16px; }
}
/* The embed recalculates inline positions on resize. */
#chatbot-container :is(#chatbot-circle, #chatbot-welcome-bubble) {
    left: auto !important;
    right: var(--assistant-launcher-right) !important;
    top: auto !important;
}
#chatbot-container #chatbot-circle {
    bottom: var(--assistant-bottom) !important;
    width: 56px;
    height: 56px;
    background: #0087ad;
    border: 1px solid #ffffff40;
    box-shadow: 0 8px 28px #122d4326;
}
#chatbot-container #chatbot-circle:hover { background: #122d43; transform: none; }
#chatbot-circle .icon-open svg { display: none; }
#chatbot-container #chatbot-circle .icon-open::before {
    content: '';
    width: 26px;
    height: 26px;
    background: center / contain no-repeat url('assistant-icon.svg');
}
#chatbot-container #chatbot-circle .icon-close { color: white; }
#chatbot-container :is(#chatbot-widget-header .header-left > img, img.bot-avatar) {
    box-sizing: border-box;
    padding: 5px;
    border-radius: 50%;
    background-color: #0087ad;
    object-fit: contain;
}
#chatbot-container #chatbot-welcome-bubble {
    bottom: calc(var(--assistant-bottom) + 68px) !important;
    max-width: calc(100vw - var(--assistant-launcher-right) - 16px);
}
#chatbot-container #chatbot-welcome-bubble::after { left: auto; right: 20px; }
@media (min-width: 481px) {
    #chatbot-container #chatbot-widget {
        left: auto !important;
        right: var(--assistant-right) !important;
        top: auto !important;
        bottom: calc(var(--assistant-bottom) + 68px) !important;
        max-height: calc(100dvh - var(--assistant-bottom) - 84px) !important;
        transform-origin: bottom right !important;
    }
}
body:has(.wp-block-navigation__responsive-container.is-menu-open) #chatbot-container { display: none; }
body:has(.cky-consent-container:not(.cky-hide)) :is(#chatbot-container, .twe-connect) {
    visibility: hidden;
}
body:has(.twe-connect[open]) #chatbot-container,
body:has(#chatbot-widget.visible) .twe-connect { visibility: hidden; }