/* ============================================================
   Reviews-site banner — colour/type (chosen variant).
   Folded in 06/08/2026 (Marc delegated the pick 06/08: "pick your
   rec banner, don't waste credit on choosing"). CHOSEN: V1
   brand-blue — matches the main site's own --accent (#0066cc) so
   the reviews archive reads as clearly on-brand rather than
   introducing a new colour language, while fixing Marc's original
   18/07 "looks very basic" complaint about the plain white nav.
   V2 (navy+gold) and V3 (bolder white) parked in git history
   (header-variants/ folder deleted this session — see git log for
   2026-07-18-pablo.md if they're ever wanted again).
   White reversed BF mark + white wordmark on solid brand blue,
   gold star strip, translucent "5.0 from NN Google reviews" pill.
   ============================================================ */

.site-banner{
  background:linear-gradient(180deg,#0074eb 0%,#0066cc 55%,#0059b3 100%);
  border-bottom:1px solid rgba(0,0,0,.10);
}
.banner-brand{color:#fff}
.banner-logo{filter:brightness(0) invert(1)}
.banner-word{color:#fff}

.banner-links a{color:rgba(255,255,255,.72)}
.banner-links a:hover,.banner-links a.active{color:#fff}

.banner-tel{color:rgba(255,255,255,.82)}
.banner-tel:hover{color:#fff}

.burger{color:#fff}

.banner-stats{background:rgba(0,0,0,.09)}
.banner-stars{color:#ffcb3d;text-shadow:0 1px 1px rgba(0,0,0,.08)}
.banner-pill{
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.34);
  color:#fff;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}

.banner-menu{
  background:linear-gradient(180deg,#0066cc 0%,#0059b3 100%);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.banner-menu a{color:#fff;border-bottom-color:rgba(255,255,255,.18)}
.banner-menu a.active{color:#ffcb3d}

/* compensate: page content no longer needs the old fixed-nav clearance
   padding baked into .page-hero — the sticky banner takes real flow space. */
.page-hero{padding-top:40px}
@media(min-width:768px){
  .page-hero{padding-top:56px}
}