/* Isolated UI layer: remove config/mental-mobile-ui.enabled to disable. */
:root { --mental-cookie-space: 0px; --mental-launcher-size: 56px; }
.cookie-banner.mental-cookie {
    box-sizing: border-box; display: flex; align-items: center; gap: 18px;
    position: fixed; left: auto; right: max(20px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom)); width: 440px; max-width: calc(100vw - 32px);
    margin: 0; padding: 16px 18px; border: 1px solid #dce4ec; border-radius: 16px;
    background: #fff; color: #1b2d47; box-shadow: 0 6px 28px rgba(24,45,75,.13);
    z-index: 10020; font-family: inherit;
}
.cookie-banner.mental-cookie[hidden] { display: none !important; }
.cookie-banner.mental-cookie p { margin: 0; font-size: 13px; line-height: 1.5; font-weight: 400; }
.cookie-banner.mental-cookie a { color: #17447d; text-decoration: underline; text-underline-offset: 2px; }
.cookie-banner.mental-cookie button {
    flex: 0 0 auto; float: none; margin: 0; padding: 11px 15px; min-height: 44px;
    border: 0; border-radius: 10px; background: #f0541a; color: #fff;
    font-family: inherit; font-size: 13px; line-height: 20px; font-weight: 500; cursor: pointer;
}
.cookie-banner.mental-cookie button:hover { background: #db4610; }
.cookie-banner.mental-cookie button:focus-visible,
.cookie-banner.mental-cookie a:focus-visible,
.b24-widget-button-wrapper .b24-widget-button-inner-container:focus-visible {
    outline: 3px solid #17447d; outline-offset: 3px;
}
html .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: calc(var(--mental-cookie-space) + max(16px, env(safe-area-inset-bottom))) !important;
    animation: none !important; transform: none !important;
}
/* Preserve native hide-on-chat-open when launch animation is disabled. */
body:has(.bx-livechat-wrapper.bx-livechat-show) .b24-widget-button-wrapper,
html .b24-widget-button-wrapper.b24-widget-button-disable {
    visibility: hidden !important; pointer-events: none;
}
html .b24-widget-button-wrapper .b24-widget-button-inner-container {
    transform: none !important; width: var(--mental-launcher-size); height: var(--mental-launcher-size);
}
html .b24-widget-button-wrapper .b24-widget-button-block,
html .b24-widget-button-wrapper .b24-widget-button-inner-block {
    width: var(--mental-launcher-size); height: var(--mental-launcher-size);
}
html .b24-widget-button-wrapper .b24-widget-button-block {
    box-shadow: 0 4px 16px rgba(24,45,75,.18); border: 2px solid #fff;
}
html .b24-widget-button-wrapper .b24-widget-button-inner-block {
    width: 100%; height: 100%;
}
html .b24-widget-button-wrapper .b24-widget-button-pulse,
html .b24-widget-button-wrapper .b24-widget-button-inner-mask { display: none !important; }
html .b24-widget-button-wrapper .b24-widget-button-social-item { margin-right: 5px; }
html .up-scroll-btn {
    right: auto; left: max(16px, env(safe-area-inset-left));
    bottom: calc(var(--mental-cookie-space) + max(16px, env(safe-area-inset-bottom)));
    width: 44px; height: 44px; border-radius: 12px; z-index: 9990;
}
@media (max-width: 767px) {
    :root { --mental-launcher-size: 48px; }
    .cookie-banner.mental-cookie {
        left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right));
        bottom: max(12px, env(safe-area-inset-bottom)); width: auto; max-width: none;
        padding: 12px; gap: 12px; border-radius: 14px;
    }
    .cookie-banner.mental-cookie p { font-size: 12px; line-height: 1.45; }
    .cookie-banner.mental-cookie button { padding: 10px 12px; font-size: 12px; }
    html .b24-widget-button-wrapper .b24-widget-button-popup { display: none !important; }
    html .b24-widget-button-wrapper .b24-widget-button-social {
        height: auto !important; max-height: calc(100dvh - var(--mental-cookie-space) - 88px); overflow: visible;
    }
    html .b24-widget-button-wrapper .b24-crm-button-icon { width: 24px; height: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .b24-widget-button-wrapper *, .up-scroll-btn { animation: none !important; transition: none !important; }
}