/* ============================================
   WINTER LEAGUE 2024-25 -- nav theme override
   Reskins the shared Scoring System nav bar
   (.wl-nav / .wl-nav-*, from style.css) to match
   the main Beith Golf Club site palette.

   Identical to seasons/2026/season-theme.css --
   only the header bar is touched here, and that
   bar's own markup/classes don't vary by season.

   Only the header bar is touched here -- the report
   tables themselves keep whatever look style.css
   (copied fresh from the Scoring System project) gives
   them.

   Not overwritten by update_winter_reports_from_output_folder.py
   -- safe to hand-edit.
   ============================================ */

.wl-nav {
  position: sticky;
  top: 64px; /* sits just below the site's own 64px header */
  background: var(--green-dark);
  border-bottom: 3px solid var(--gold);
  font-family: var(--font-body);
}
.wl-nav-brand {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--white);
}
.wl-nav-links a {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--font-body);
}
.wl-nav-links a:hover,
.wl-nav-links a.current {
  border-bottom-color: var(--gold);
  color: var(--white);
}
.wl-nav-dates {
  background: rgba(255, 255, 255, 0.1);
  color: var(--white);
  border: 1px solid rgba(255, 255, 255, 0.35);
  font-family: var(--font-body);
}
.wl-nav-dates option {
  color: var(--text-dark);
}
.wl-nav-toggle {
  color: var(--white);
}
@media (max-width: 640px) {
  .wl-nav-links a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
}

/* Previous/Next + title on every daily report page -- reskinned to the
   site's own palette, and the Previous/Next links to look like a real
   button (same recipe as index.html's "Apply to Join" ghost-pill: 2px
   border in the mid-green, transparent fill, filling in lightly on
   hover) -- requested 2026-07-24. Shape (pill radius/padding) and layout
   (left-aligned) are set in style.css itself, copied fresh from the
   Scoring System project every sync -- only colour is touched here. */
.page-nav-header h1 {
  color: var(--green-dark);
}
.page-nav-link {
  border-color: var(--green-mid);
  color: var(--green-mid);
}
.page-nav-link:hover {
  background: var(--green-light);
}