/*
 * BPP Projects Mobile V3.8
 * Sticky existing global mobile header.
 */
@media (max-width: 767px) {
    body:has(.bppp2) {
        --bpp-projects-sticky-mobile-header-height: 0px;
    }

    body:has(.bppp2) .bpp-projects-sticky-mobile-header-v38 {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        z-index: 11050 !important;
        transform: translateZ(0) !important;
        box-shadow: 0 8px 24px rgba(3, 47, 33, .14) !important;
    }

    body:has(.bppp2) .bpp-projects-sticky-header-spacer-v38 {
        display: block !important;
        width: 100% !important;
        height: var(--bpp-projects-sticky-mobile-header-height) !important;
        min-height: var(--bpp-projects-sticky-mobile-header-height) !important;
        pointer-events: none !important;
    }

    body:has(.bppp2) .bpp-projects-filter-drawer-head-v37 {
        top: var(--bpp-projects-sticky-mobile-header-height) !important;
    }

    body:has(.bppp2) .bppp2-sidebar {
        padding-top: calc(var(--bpp-projects-sticky-mobile-header-height) + 70px) !important;
    }

    /* Disable V3.7's approximate footer-open state. V3.8 uses Agency is-v43-open. */
    body:has(.bppp2) .rpg-market-footer__col.is-bpp-projects-open-v37 > a {
        display: none !important;
    }

    body:has(.bppp2) .rpg-market-footer__col.is-bpp-projects-open-v37 {
        padding-bottom: 0 !important;
    }

    body:has(.bppp2) .bpp-projects-mobile-bottom-v37 {
        z-index: 10900 !important;
    }
}
