/* theBASSguys: Global Layout Framework V2 — controlled staging PILOT.
   Intent: shared responsive geometry; individual hero photo URL remains authored on each page.
   This file must not be installed globally until all test pages are approved.
   No JS, navigation, footer, database, or PHP behavior is modified. */
body.tbg-layout-pilot {
  --tbg-layout-content-max: 1200px;
  --tbg-layout-hero-desktop-min: 255px;
  --tbg-layout-hero-mobile-min: 230px;
  --tbg-layout-masthead-max: 190px;
}
/* Avoid squashing the masthead picture. Never impose a fixed height on the img itself. */
body.tbg-layout-pilot .m10-masthead-link img,
body.tbg-layout-pilot img.brand-masthead {
  display:block; width:100%; height:auto; max-height:var(--tbg-layout-masthead-max);
  object-fit:contain;
}
/* Preserve the page's existing sticky positioning and shared navigation stack. */
body.tbg-layout-pilot .masthead,
body.tbg-layout-pilot .site-masthead { min-width:0; flex-shrink:0; }
/* Layout geometry only: background-image remains owned by each page. */
body.tbg-layout-pilot .hero {box-sizing:border-box; min-width:0; width:100%;}
body.tbg-layout-pilot.tbg-layout-rods .hero,
body.tbg-layout-pilot.tbg-layout-guide .hero { min-height:var(--tbg-layout-hero-desktop-min); }
body.tbg-layout-pilot.tbg-layout-home .hero {min-height:550px;}
body.tbg-layout-pilot .hero img {max-width:100%; height:auto;}
/* Earlier rod/reel templates use a CSS background masthead rather than an inline img. */
body.tbg-layout-pilot.tbg-layout-rods .masthead {
  aspect-ratio:1536 / 255; max-height:190px; height:auto;
  background-position:center; background-size:cover;
}
body.tbg-layout-pilot.tbg-layout-reels .site-masthead {
  height:clamp(95px,12vw,180px); min-height:95px; background-position:center;
}
@media(max-width:760px) {
 body.tbg-layout-pilot {--tbg-layout-masthead-max:120px;}
 body.tbg-layout-pilot.tbg-layout-home .hero {min-height:360px;}
 body.tbg-layout-pilot.tbg-layout-rods .hero,
 body.tbg-layout-pilot.tbg-layout-guide .hero {min-height:var(--tbg-layout-hero-mobile-min);}
 body.tbg-layout-pilot.tbg-layout-reels .site-masthead {height:clamp(95px,18vw,130px);}
}
/* Deliberately no forced footer/search changes, no image source substitutions,
   and no print layout overrides. */