/* BRI-542 wave-1 QA fix — Live Brighter (rev3, post ID 16).
   Horizontal scroll at <=768px: the #nights .bnl-rot__stage 3D coverflow
   (rev3's own comment: "Mirrors the homepage #doors rotator") deliberately
   has no overflow:hidden on the stage itself, so off-centre cards bleed
   past the viewport by design -- that's what makes them read as a stack.
   Home's equivalent wrapper (.bnl-page--home) contains that bleed with
   overflow-x:clip at the page-wrapper level (02-page-styles-rev49.css
   line 47-53). rev3 never got an equivalent .bnl-page--live-brighter{}
   base rule -- the file only has compound descendant selectors, no
   standalone wrapper rule -- so nothing here does the containment Home
   does. Additive only, rev3 files untouched; matches Home's own pattern
   exactly rather than inventing a new one.

   Second, bigger defect found by the same missing rule: because rev3
   never sets background/color/font-family at the page-wrapper level,
   the ENTIRE page rendered as unstyled browser-default HTML -- white
   background, black serif-ish text, default blue links -- instead of
   the site's dark theme. Every --color-bg/--color-text/--font-body
   var() the rest of rev3's rules reference was always resolvable
   (confirmed against the deployed tokens.css); nothing ever applied
   them at the root. Replicating Home's exact base wrapper rule
   (02-page-styles-rev49.css lines 47-54), scoped to this page. */
.bnl-page--live-brighter {
  background: var(--color-bg); color: var(--color-text);
  font-family: var(--font-body); font-size: var(--text-body);
  line-height: var(--line-height-body); overflow-x: clip;
}

/* Third defect, same cause: all nine CTAs carry class="bnl-btn
   bnl-btn--primary" (verified in 03-page-body-rev3.html) but rev3
   never defines the base .bnl-btn component -- it only has compound
   rules like .bnl-btn-row that assume .bnl-btn is already styled.
   Landscape/Deck/Roofline each duplicate the full component locally
   in their own page CSS (23/23/13 rules respectively); rev3 is the
   one page in the wave-1 set that skipped that and relied on a
   shared bnl-components.css which was never deployed to this server
   -- worth a site-wide fix, flagged separately on BRI-542. Base rule
   below is Landscape's own .bnl-btn/.bnl-btn--primary, unchanged,
   using tokens already confirmed live on this page's own file. */
.bnl-page--live-brighter .bnl-btn {
  display: inline-block;
  min-height: 44px;
  padding: var(--space-md) var(--space-lg);
  border-radius: var(--radius-pill);
  font-family: var(--font-heading-proposed, var(--font-display));
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-heading);
  text-decoration: none;
  text-align: center;
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}
.bnl-page--live-brighter .bnl-btn--primary {
  background: transparent;
  color: var(--color-white);
  border: 1.5px solid var(--color-pink);
  box-shadow: var(--glow-ambient-pink);
}
.bnl-page--live-brighter .bnl-btn--primary:hover {
  box-shadow: var(--shadow-glow-pink);
  background: color-mix(in srgb, var(--color-pink) 12%, transparent);
}