/*
 * OyunAl Vue/Inertia bridge for the existing Admin-managed Live Chat.
 * Keep the original livechat-pro.css and its theme variables intact.
 * Position adjustments prevent the launcher covering the Vue mobile dock.
 */
html[data-storefront-live] .gmx-livechat-shell,
html[data-storefront-live] .gmx-livechat-shell * {
    box-sizing: border-box;
}
html[data-storefront-live] .gmx-livechat-shell {
    isolation: isolate;
    z-index: 99999;
}
html[data-storefront-live] .gmx-livechat-shell button:focus-visible,
html[data-storefront-live] .gmx-livechat-shell textarea:focus-visible,
html[data-storefront-live] .gmx-livechat-shell input:focus-visible {
    outline: 2px solid var(--lc-primary);
    outline-offset: 2px;
}
html[data-storefront-live] .gmx-lc-panel[aria-hidden="true"] {
    visibility: hidden;
    pointer-events: none;
}
@media (max-width: 1060px) {
    html[data-storefront-live] .gmx-livechat-shell {
        bottom: calc(95px + env(safe-area-inset-bottom, 0px));
    }
    html[data-storefront-live] .gmx-lc-panel {
        max-height: calc(100dvh - 192px - env(safe-area-inset-bottom, 0px));
        height: min(610px, calc(100dvh - 192px - env(safe-area-inset-bottom, 0px)));
    }
}
@media (max-width: 575px) {
    html[data-storefront-live] .gmx-livechat-shell {
        bottom: calc(96px + env(safe-area-inset-bottom, 0px));
    }
    html[data-storefront-live] .gmx-lc-launcher {
        min-width: 55px;
        height: 55px;
        padding: 0 13px;
        border-radius: 18px;
    }
    html[data-storefront-live] .gmx-lc-panel {
        bottom: 69px;
        height: calc(100dvh - 190px - env(safe-area-inset-bottom, 0px));
        max-height: calc(100dvh - 190px - env(safe-area-inset-bottom, 0px));
    }
    html[data-storefront-live] .gmx-lc-panel[data-mobile="full"] {
        position: fixed;
        inset: 8px 8px calc(90px + env(safe-area-inset-bottom, 0px)) 8px;
        width: auto;
        height: auto;
        max-height: none;
        max-width: none;
    }
}