/* ==========================================================================
   Previously — Mobile Bottom Navigation · pv-bottom-nav.css v20261010a
   --------------------------------------------------------------------------
   Unified bottom tab bar for mobile (<1024px). Desktop untouched.
   9 items: Home · Sports · Podcasts · Games · Culture · Free ·
            Music · Movies · Menu (opens side drawer).
   (Music + Movies restored 2026-10-10 — James)
   Replaces the games-section .gos-dock on mobile.
   AdSense anchor-ad aware: --pv-anchor-offset shifts the bar up when a
   Google anchor ad is present (set by pv-bottom-nav.js via MutationObserver).
   ========================================================================== */

.pv-bottom-nav{
  position: fixed;
  bottom: var(--pv-anchor-offset, 0px);
  left: 0;
  right: 0;
  z-index: 1000;
  display: none; /* shown by media query only */
  background: var(--desert-bg);
  box-shadow: 0 -2px 12px var(--desert-ink-faint);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-top: 1px solid var(--desert-pressed);
  padding: 8px 4px calc(8px + env(safe-area-inset-bottom, 0px));
  transition: bottom 0.25s ease;
}.pv-bottom-nav__inner{
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}.pv-bottom-nav a,
.pv-bottom-nav button{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 48px;
  padding: 4px 4px;
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: none;
  color: var(--desert-ink-dim);
  font-family: inherit;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  -webkit-tap-highlight-color: transparent;
}.pv-bottom-nav a svg,
.pv-bottom-nav button svg{
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}.pv-bottom-nav a.active,
.pv-bottom-nav button.active{
  color: var(--desert-accent);
}.pv-bottom-nav a.active svg,
.pv-bottom-nav button.active svg{
  stroke: var(--desert-accent);
}/* Mobile — phones in BOTH orientations (<1024px). Was 767px until
   2026-10-12: landscape phones (844-932px) crossed it and lost the bar
   entirely. Desktop/laptop (1024px+) never renders this bar. */
@media (max-width: 1023px){
  .pv-bottom-nav {
    display: block;
  }

  /* Body padding so content never slides under the bar.
     Applied via JS (body.pv-has-bottom-nav) to avoid affecting pages
     where the script didn't load. Approx bar height: 58px + safe area. */
  body.pv-has-bottom-nav {
    padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* When a Google anchor ad is present, JS adds .pv-anchor-up which
     increases body padding by the anchor height via the CSS var. */
  body.pv-has-bottom-nav.pv-anchor-up {
    padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px) + var(--pv-anchor-h, 0px)) !important;
  }

  /* The games-section dock is superseded by the unified bar on mobile */
  body.pv-has-bottom-nav .gos-dock {
    display: none !important;
  }
}

/* ==========================================================================
   HOUSE SCHEME PIN - bottom nav (2026-10-16, nav-scheme fix)
   --------------------------------------------------------------------------
   The bar's colors resolve from --desert-* tokens whose :root defaults are
   the RETIRED cream palette; any page without a dark remap rendered the bar
   cream on black (GTA guidebook, James 2026-10-16). The converted pages'
   bar is house black: ground #000000, silver #A5ACAF labels, signal-red
   #E10600 active, #2C2C2C separator (measured rendered on /signin/ and
   /creators/). The tokens are pinned on the component itself - the same
   pattern bible.css used for .pv-league-nav - so the bar is house-schemed
   on every page that loads it, present and future.
   ========================================================================== */
.pv-bottom-nav{
  --desert-bg:#000000;
  --desert-pressed:#2C2C2C;
  --desert-ink-dim:#A5ACAF;
  --desert-ink-faint:rgba(245,245,245,.55);
  --desert-accent:#E10600;
}
