/*
 * BPP Projects Sticky Mobile Header V3.8.1
 * Only fixes the existing global mobile header on /projects.
 * Footer parity from V3.8 is intentionally untouched.
 */

@media (max-width: 767px) {
    html.bpp-projects-v381-sticky-ready,
    html.bpp-projects-v381-sticky-ready body {
        overflow-x: hidden !important;
    }

    body:has(.bppp2) .bpp-projects-force-sticky-v381 {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 2147482000 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        transform: none !important;
        translate: none !important;
        will-change: auto !important;
        backface-visibility: hidden !important;
        box-shadow: 0 8px 24px rgba(4, 52, 36, .14) !important;
    }

    body:has(.bppp2) .bpp-projects-sticky-spacer-v381 {
        display: block !important;
        width: 100% !important;
        min-height: var(--bpp-projects-v381-header-height, 0px) !important;
        height: var(--bpp-projects-v381-header-height, 0px) !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        pointer-events: none !important;
    }

    /* Projects drawer begins below the fixed global header. */
    body:has(.bppp2) .bpp-projects-filter-drawer-head-v37 {
        top: var(--bpp-projects-v381-header-height, 0px) !important;
    }

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