/*
 * Chatbase widget (Clixie) injects a near-max z-index (2147483646).
 *
 * Stacking:
 *   footerslide          9998
 *   Clixie               9999
 *   sidebar overlay      9999  (Clixie fades out while the sidebar opens)
 *   sidebar              10000
 *
 * Hide/show is timed with the sidebar: fade out over 0.2s on open,
 * fade back in after a short delay on close (menu close is 0.3s).
 */
html body #chatbase-bubble-button,
html body #chatbase-message-bubbles,
html body #chatbase-bubble-window {
    z-index: 9999 !important;
    transition: opacity 0.2s ease-in-out 0.12s, visibility 0s linear 0.12s !important;
}

body.ec-sidebar-open #chatbase-bubble-button,
body.ec-sidebar-open #chatbase-message-bubbles,
body.ec-sidebar-open #chatbase-bubble-window {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s !important;
}

@media (prefers-reduced-motion: reduce) {
    html body #chatbase-bubble-button,
    html body #chatbase-message-bubbles,
    html body #chatbase-bubble-window,
    body.ec-sidebar-open #chatbase-bubble-button,
    body.ec-sidebar-open #chatbase-message-bubbles,
    body.ec-sidebar-open #chatbase-bubble-window {
        transition: none !important;
    }
}
