/* Bunklow Liquid Glass buttons (button style #6).
   Randy, Oct 31 2026, about 8:04 AM PT, button answer: "#6 everywhere, header too".
   Every button is dark navy translucent glass: a soft light edge, a gentle sheen across the top half, a quiet
   depth shadow and white Fredoka text. No orange fill and no orange border.
   Added to every page at build time by tools/stamp-build.mjs (the same way as /brand/hover-v1.css), so the
   10,000+ saved pages stay untouched. This file reaches every page, including the Walk app pages, but only
   for the header Walk button, the cookie notice and the upgrade notice. Everything else is in
   /brand/bk-glass-site-v1.css, which the Walk app pages (walk/ and es/walk/) do not load.
   Rules use !important because several of these buttons are painted by inline styles (the header Walk button,
   the cookie notice buttons) that no stylesheet can beat otherwise.
   The Payhip and Gumroad buy buttons are glass too, see /brand/bk-glass-site-v1.css (Randy, Oct 31 2026, 8:45 AM PT: "Yes, glass too"). Payhip stays the main buy button (LOCKS 5.9). */

:root {
  --bk-glass-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 48%, rgba(255, 255, 255, 0) 52%),
    linear-gradient(180deg, rgba(22, 42, 80, 0.9) 0%, rgba(26, 46, 86, 0.9) 46%, rgba(44, 66, 108, 0.92) 100%);
  --bk-glass-line: rgba(206, 217, 240, 0.52);
  --bk-glass-line-hover: rgba(232, 240, 255, 0.78);
  --bk-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -1px 0 rgba(8, 16, 40, 0.28), 0 6px 14px -6px rgba(2, 8, 24, 0.6);
  --bk-glass-blur: blur(8px) saturate(1.3);
}

/* Header Walk button (every page with the site header), cookie notice buttons, upgrade notice button */
.site-header a[href="/walk"][style*="fc8003" i],
.site-header a[href="/es/walk"][style*="fc8003" i],
.site-header a[href="/walk"][style*="252, 128, 3"],
.site-header a[href="/es/walk"][style*="252, 128, 3"],
#bk-consent button,
#bk-upgrade button {
  background: var(--bk-glass-bg) !important;
  border: 1px solid var(--bk-glass-line) !important;
  box-shadow: var(--bk-glass-shadow) !important;
  -webkit-backdrop-filter: var(--bk-glass-blur) !important;
  backdrop-filter: var(--bk-glass-blur) !important;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(2, 8, 24, 0.35) !important;
  font-family: Fredoka, ui-rounded, system-ui, sans-serif !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  background-clip: border-box !important;
}

:is(
.site-header a[href="/walk"][style*="fc8003" i],
.site-header a[href="/es/walk"][style*="fc8003" i],
.site-header a[href="/walk"][style*="252, 128, 3"],
.site-header a[href="/es/walk"][style*="252, 128, 3"],
#bk-consent button,
#bk-upgrade button
):hover {
  filter: brightness(1.14) !important;
  border-color: var(--bk-glass-line-hover) !important;
}