/* Shared site chrome — z-index ladder, fixed controls, body offsets */

:root {
    --jr-site-header-height: 5rem;
    --jr-bottom-safe: 0px;
    --jr-mini-chat-height: 56px;
    --jr-mobile-dock-height: 72px;
}

/* Back to top — above mobile dock, below modals */
#toTop,
.back-to-top {
    z-index: 90;
}

#toTop {
    display: none;
}

#toTop.flex,
.back-to-top.visible {
    display: inline-flex;
}

/* Mini-chat: sit above listing dock on mobile, leave room for FAB */
@media (max-width: 767px) {
    body.jr-has-mini-chat {
        --jr-bottom-safe: var(--jr-mini-chat-height);
    }

    body.jr-listing-v2-page {
        --jr-bottom-safe: calc(var(--jr-mobile-dock-height) + 8px);
    }

    body.jr-listing-v2-page.jr-has-mini-chat {
        --jr-bottom-safe: calc(var(--jr-mobile-dock-height) + var(--jr-mini-chat-height));
    }

    .jr-mini-chat-root {
        bottom: var(--jr-bottom-safe, 0);
    }

    .af-mobile-toggle {
        bottom: calc(16px + var(--jr-bottom-safe, 0px));
    }

    #toTop,
    .back-to-top {
        bottom: calc(1.25rem + var(--jr-bottom-safe, 0px)) !important;
    }
}