/*
Theme Name: Blah Blah Co.
Description: Standalone staging theme ported from the approved Blah Blah Co. design. Companion BBC Content plugin recommended.
Version: 1.0.22-staging
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: blah-blah-co
*/
/* Project names on Home use uppercase presentation; stored copy and subtitles stay intact. */
#bbc-site.bbc-home .film-panel .scene-title-main h2,
#bbc-site.bbc-home .portfolio .card-caption strong,
#bbc-site.bbc-home .mobile-archive .card-caption strong{text-transform:uppercase}
html,body{margin:0;padding:0;background:#111310}html{scroll-behavior:auto;scrollbar-width:none}html::-webkit-scrollbar{display:none;width:0;height:0}
.bbc-standard{max-width:75ch;margin:100px auto;padding:24px;color:#eeeae0;font:18px/1.6 Arial,sans-serif}.bbc-standard a{color:inherit}.bbc-standard video{width:100%}
#bbc-site .film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#bbc-site .bbc-sr-scene{position:absolute;inset:0;overflow:hidden}
#bbc-site.bbc-js .single-project-fallback{display:none}

@media(max-width:700px){#bbc-site .portfolio-card:focus-visible,#bbc-site .reel-card:focus-visible{outline:none!important;box-shadow:none!important}}

#bbc-site .scene-title-main h2,#bbc-site .scene-role{overflow-wrap:anywhere}

body.admin-bar{--bbc-admin-offset:32px}body.admin-bar #bbc-site .site-header{top:var(--bbc-admin-offset)}body.admin-bar #bbc-site .archive-page-title{top:calc(76px + var(--bbc-admin-offset))}@media(max-width:782px){body.admin-bar{--bbc-admin-offset:46px}}@media(max-width:700px){body.admin-bar #bbc-site .archive-page-title{top:calc(65px + var(--bbc-admin-offset))}}

/* SR stays behind the native poster until controlled playback is verified. */
#bbc-site .bbc-sr-scene{visibility:hidden;pointer-events:none;z-index:1}
#bbc-site .bbc-sr-scene.is-sr-active{visibility:visible}

/* Fit the inspected SR7 background module inside the existing parallax layer. */
#bbc-site .bbc-sr-scene > sr7-module.bbc-sr-fitted{transform-origin:0 0!important;transform:translate(var(--bbc-sr-x,0px),var(--bbc-sr-y,0px)) scale(var(--bbc-sr-scale,1))!important;transition:none!important}

/* Mobile Home project names: modestly smaller; hero, subtitles and desktop stay unchanged. */
@media(max-width:700px){
 #bbc-site.bbc-home .film-panel .scene-title-main h2{font-size:18.7px}
 #bbc-site.bbc-home .portfolio .card-caption strong{font-size:13.6px}
 #bbc-site.bbc-home .mobile-archive .card-caption strong{font-size:11.05px}
}

/* Account only for the currently visible mobile WordPress toolbar. */
@media(max-width:700px){
 body.admin-bar #bbc-site .site-header{top:var(--bbc-mobile-admin-offset,46px)}
 body.admin-bar #bbc-site .archive-page-title{top:calc(65px + var(--bbc-mobile-admin-offset,46px))}
 body #bbc-site .site-header.is-hidden{transform:translateY(calc(-100% - var(--bbc-mobile-admin-offset,0px) - 1px))}
 body #bbc-site .site-header:focus-within{transform:none}
 body #bbc-site.archive-page .site-header.is-hidden+.archive-page-title{transform:translateY(calc(-100% - 65px - var(--bbc-mobile-admin-offset,0px) - 1px))}
 body #bbc-site.archive-page .site-header:focus-within+.archive-page-title{transform:none}
}

/* Returned header backing fades independently of the existing position slide. */
body #bbc-site .site-header{transition:transform 1s ease,background-color .5s ease}
body #bbc-site .site-header:focus-within{transition:background-color .5s ease}

/* Compact only the fixed header and final footer; preserve type and 44px targets. */
body #bbc-site{--bbc-header-height:57px;--bbc-header-admin-offset:0px}
body.admin-bar #bbc-site{--bbc-header-admin-offset:var(--bbc-admin-offset)}
body #bbc-site .site-header{height:var(--bbc-header-height)}
body #bbc-site .site-header .menu-toggle{min-height:44px;padding-block:7px}
body #bbc-site .site-header>.brand,body #bbc-site .site-header>.header-inquiry,body #bbc-site>footer>.brand{min-height:44px;padding-block:calc(22px - .7em)}
body #bbc-site .site-header.is-hidden{transform:translateY(calc(-100% - var(--bbc-header-admin-offset) - 1px))}
body #bbc-site .site-header:focus-within{transform:none}
body #bbc-site>footer{min-height:calc(45px + 1.05em);padding-block:0}
body #bbc-site.archive-page .archive-page-title{top:calc(var(--bbc-header-height) + var(--bbc-header-admin-offset))}
body #bbc-site.archive-page .site-header.is-hidden+.archive-page-title{transform:translateY(calc(-100% - var(--bbc-header-height) - var(--bbc-header-admin-offset) - 1px))}
body #bbc-site.archive-page .site-header:focus-within+.archive-page-title{transform:none}
body #bbc-site.archive-page .gallery-page{padding-top:calc(var(--bbc-header-height) + 64px)}
body #bbc-site.archive-page .archive-gallery{scroll-margin-top:calc(var(--bbc-header-height) + 66px)}
@media(max-width:700px){
 body #bbc-site{--bbc-header-height:58.5px}
 body.admin-bar #bbc-site{--bbc-header-admin-offset:var(--bbc-mobile-admin-offset,46px)}
 body #bbc-site>footer{min-height:calc(46.8px + 1.26em)}
 body #bbc-site.archive-page .gallery-page{padding-top:calc(var(--bbc-header-height) + 55px)}
 body #bbc-site.archive-page .archive-gallery{scroll-margin-top:calc(var(--bbc-header-height) + 57px)}
}

/* Published policy links stay in existing compact-footer flow. */
body #bbc-site>footer .footer-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
body #bbc-site>footer .footer-privacy{display:inline-flex;align-items:center;min-height:44px;font:inherit;text-decoration:underline;text-underline-offset:3px}
body #bbc-site .contact-privacy{font-size:12px;margin:8px 0}
body #bbc-site .contact-privacy a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.bbc-standard .standard-policy-nav{margin-top:32px;font-size:14px}
.bbc-standard .standard-policy-nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){body #bbc-site>footer .footer-privacy{display:none}}

/* Keep the approved pink inquiry button with readable existing paper text. */
body #bbc-site .draft-button{color:var(--paper)}

/* Reel names remain available to assistive technology without visual captions. */
body #bbc-site .reel-caption strong,
body #bbc-site .project-dialog.is-reel .ig-title,
body #bbc-site .project-dialog.is-reel .yt-title,
body #bbc-site .project-dialog.is-reel .player-heading,
body #bbc-site .project-dialog.is-reel #project-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body #bbc-site .project-dialog.is-reel .player-title-toggle::before{content:"Details"}
body #bbc-site .reel-card:focus-visible .reel-category{text-decoration:underline;text-underline-offset:5px}
body #bbc-site .reel-card:focus-visible .reel-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff;z-index:4;pointer-events:none}