/*
 * THEME ADAPTER: Music Band / Music Band Child (Catch Themes).
 *
 * Everything here exists only because of that theme's markup (#masthead, .custom-header, #content > .wrapper ...).
 * The page designs know nothing about it. When the sites move to a block theme, delete this file.
 */

/* ---- Template pages (body.pbbp-page): transparent header over the hero ---- */
body.pbbp-page{--pbbp-header-offset:70px;--pbbp-vh-off:0px}
body.admin-bar.pbbp-page{--pbbp-vh-off:32px}

body.pbbp-page #masthead{position:absolute;left:0;right:0;width:100%;z-index:999;background:transparent!important;border-bottom-color:transparent;transition:background-color .3s,box-shadow .3s}
body.pbbp-page #masthead .site-header-main{background:transparent!important}
/* keep the nav on the right: the logo's automatic right margin is what pushes it there */
body.pbbp-page #masthead .site-branding{margin-right:auto!important}

/* hide the theme's own page furniture */
body.pbbp-page .custom-header.header-media,
body.pbbp-page .breadcrumb-area,
body.pbbp-page .entry-header{display:none!important}
body.pbbp-page #content > .wrapper{padding-top:0!important}

/* once scrolled, the header becomes a solid bar that stays in view */
body.pbbp-page.pbbp-scrolled #masthead{position:fixed;top:0;background:rgba(var(--pbbp-bg-rgb),.92)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom-color:var(--pbbp-line)}
body.admin-bar.pbbp-page.pbbp-scrolled #masthead{top:32px}
@media (max-width:782px){body.admin-bar.pbbp-page.pbbp-scrolled #masthead{top:46px}}

/* ---- Pages using the shortcode instead of the template ---- */
body:has(.pbbp) .custom-header.header-media{display:none!important}
body:has(.pbbp) #content > .wrapper{padding-top:0}

/* Gig Diary setlist pages (/setlist/123/): drop the theme's photo banner, breadcrumb and title, which the setlist styles replace */
body.pbbp-setlist .custom-header.header-media,
body.pbbp-setlist .breadcrumb-area,
body.pbbp-setlist .entry-header{display:none!important}
body.pbbp-setlist #content > .wrapper{padding-top:0;max-width:none;width:100%}