/* Floating support uses the same clearance for navigation and purchase docks. */
body.bj-support-has-dock #bojagi-talk-root { --bc-talk-launcher-bottom: var(--bj-support-bottom, 82px); }
@media (max-width: 767px) {
    /* QA and consultation share a baseline but keep distinct hit areas. */
    body:has(#qa-chatbot-host) #bojagi-talk-root { --bc-talk-launcher-right:80px; }
    body .mobileChannelTalk,
    body .fixedBottomMenuWrapper.is-product-detail .mobileChannelTalk,
    body .bojagiSupportLauncher {
        position: fixed;
        right: 16px;
        bottom: var(--bj-support-bottom, calc(82px + env(safe-area-inset-bottom, 0px)));
        width: 48px;
        height: 48px;
        box-sizing: border-box;
        display: grid;
        place-items: center;
        border: 1px solid var(--bj-line, #ddd9d2);
        border-radius: 50%;
        background: var(--bj-clean, #fff);
        color: var(--bj-ink, #181817);
        box-shadow: 0 3px 12px rgba(0,0,0,.10);
        visibility: visible;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        z-index: 179;
    }
    body.bj-support-obscured .mobileChannelTalk,
    body.bj-support-obscured .bojagiSupportLauncher,
    body.sample-basket-open .mobileChannelTalk,
    body.sample-basket-open .bojagiSupportLauncher {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    .bojagiSupportLauncher svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.6; }
    .bjSupportBadge { position:absolute; right:-2px; top:-2px; min-width:18px; height:18px; padding:0 3px; border-radius:9px; background:var(--bj-ink,#181817); color:#fff; font:600 11px/18px sans-serif; text-align:center; }
    .bjSupportBadge[hidden] { display:none; }
}
@media (min-width: 768px) { .bojagiSupportLauncher { display:none; } }

/* Pages with inline consultation controls preserve access without covering content. */
body.bj-support-inline .mobileChannelTalk,
body.bj-support-inline .bojagiSupportLauncher { display:none !important; }
body.bj-support-inline #bojagi-talk-root { --bc-talk-launcher-display:none; }
body.bj-support-obscured #bojagi-talk-root { --bc-talk-launcher-visibility:hidden; }
[data-inline-support] { display:flex; flex-wrap:wrap; gap:8px; }
[data-inline-support] [hidden] { display:none !important; }
[data-inline-support] :is(button, a) { position:relative; margin:0; }
[data-inline-support] .bjSupportBadge { margin-left:6px; position:static; }

/* Talk alone: the site launcher is the one mobile entry; Talk's own launcher steps back. */
@media (max-width: 767px) { body.bj-support-talk-only #bojagi-talk-root { --bc-talk-launcher-display:none; } }

/* Keep both eligible providers accessible above the same viewport/dock baseline. */
body.bj-support-dual #bojagi-talk-root { --bc-talk-launcher-bottom:calc(var(--bj-support-bottom, 16px) + 80px); }

@media(max-width:1199px) {
 html:has(body.bj-support-footer) { scroll-padding-bottom:104px; }
 body.mypage-renew-shell #bojagi-talk-root { --bc-talk-launcher-bottom:var(--bj-support-bottom,16px); }
 body.mypage-renew-shell.bj-support-dual #bojagi-talk-root { --bc-talk-launcher-bottom:var(--bj-support-bottom,16px); --bc-talk-launcher-right:80px; }
 body.bj-support-footer { padding-bottom:calc(88px + env(safe-area-inset-bottom,0px)); }
 body.bj-support-footer .bjSupportMobileSurface { display:none; }
}
.bjSupportMobileSurface { display:none; }
/* Narrow desktop/tablet My Page has no side gutter for an SDK launcher. */
@media(min-width:768px) and (max-width:1199px) {
 body.mypage-renew-shell .bojagiSupportLauncher {
    display:grid; position:fixed; right:16px; bottom:var(--bj-support-bottom,16px);
    width:48px; height:48px; box-sizing:border-box; place-items:center;
    border:1px solid var(--bj-line); border-radius:50%; background:var(--bj-clean);
    color:var(--bj-ink); box-shadow:0 3px 12px rgba(0,0,0,.10); z-index:179;
 }
 body.mypage-renew-shell .bojagiSupportLauncher svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.6; }
}
body.bj-support-obscured .bojagiSupportLauncher { visibility:hidden!important; pointer-events:none!important; }
