/* Night round: the dark look for club pages. One accent per club (--club); everything else is shared.
   Load after the page's own styles. Default accent is glow-disc lime. */
:root{
  --club:#C8F135; --club-ink:#0B1520; --hot:#FF5D4A;
  --bg:#0B1520; --bg-2:#16283A; --paper:#F2F5F3; --cream:#F2F5F3;
  --ink:#0B1520; --ink-soft:#4A5B6A; --ink-faint:#8A9AA8; --line:#0B1520; --line-soft:#DDE4E1;
  --radius-card:16px; --shadow-off:5px;
}
body{ background-color:var(--bg); background-image:radial-gradient(rgba(242,245,243,.06) 1.4px,transparent 1.5px); background-size:20px 20px; }
.topbar{ border-bottom:1px solid rgba(242,245,243,.16); }
.brand h1{ font-size:22px; }
.brand-mark{ background:var(--club); border-color:var(--club); box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--club); }

/* navigation and tabs */
.nav-link,.group-tab{ border:1.5px solid rgba(242,245,243,.45); background:transparent; color:var(--cream); box-shadow:none; letter-spacing:.02em; text-transform:none; font-family:'Inter',sans-serif; font-size:13px; font-weight:700; }
.nav-link:hover,.group-tab:hover{ background:rgba(242,245,243,.1); color:var(--cream); transform:none; box-shadow:none; border-color:var(--cream); }
.group-tab.active{ background:var(--club); border-color:var(--club); color:var(--club-ink); box-shadow:3px 3px 0 rgba(200,241,53,.28); }
.group-tab-cta{ background:var(--hot)!important; border-color:var(--hot)!important; color:#fff!important; box-shadow:none!important; }
.nav-dropdown-menu{ border:0; border-radius:14px; box-shadow:0 14px 40px rgba(0,0,0,.5); }

/* headings: big, tight, no all-caps labels */
h2.section-title{ font-size:30px; letter-spacing:-.02em; margin-bottom:6px; }
.eyebrow{ text-transform:none; letter-spacing:0; font-family:'Inter',sans-serif; font-size:13px; color:var(--club); }
.section-sub{ opacity:.7; }
.division-label,.event-pick label{ text-transform:none; letter-spacing:0; font-family:'Inter',sans-serif; font-size:13px; }

/* cards: calm by default */
.hl-card,.rack,.table-card,.calendar-day,.tagmaster-card{ border:0; border-radius:var(--radius-card); box-shadow:0 0 0 1px rgba(242,245,243,.07),0 12px 32px rgba(0,0,0,.35); }
.calendar-day.is-today{ box-shadow:0 0 0 2px var(--club),0 12px 32px rgba(0,0,0,.35); }
.hl-kicker,.calendar-dow,.hole-hardest-label,.tagmaster-course{ text-transform:none; letter-spacing:0; font-family:'Inter',sans-serif; font-size:12px; }

/* the memorable thing: stat leaders pop in the club color */
.stat-card{ border:0; border-radius:var(--radius-card); background:var(--paper); box-shadow:6px 6px 0 var(--club); position:relative; }
.stat-num{ font-size:40px; letter-spacing:-.03em; color:var(--ink); }
.stat-label{ font-size:13px; }
.stat-sub{ font-family:'Inter',sans-serif; font-size:12px; }

/* tags as discs */
.rack{ background:var(--paper); }
.rack-line{ height:6px; border:0; border-radius:3px; background:linear-gradient(90deg,var(--club),rgba(200,241,53,.15)); }
.tag-chip{ background:#fff; border:0; border-radius:999px; padding:7px 18px 7px 7px; min-width:170px; box-shadow:0 0 0 1px #DDE4E1; }
.tag-hole{ width:44px; height:44px; background:radial-gradient(circle at 50% 50%,var(--bg) 0 7%,transparent 8%),radial-gradient(circle at 50% 50%,var(--club) 0 52%,rgba(11,21,32,.18) 53% 58%,var(--club) 59% 100%); border:0; box-shadow:0 0 0 2px var(--bg); }
.tag-num{ font-family:'Archivo Black',sans-serif; font-size:20px; letter-spacing:-.02em; color:var(--ink); }
.tag-rank{ font-family:'Inter',sans-serif; font-size:11px; }

/* tables */
thead th{ background:var(--bg); color:var(--cream); border-bottom:3px solid var(--club); text-transform:none; letter-spacing:0; font-family:'Inter',sans-serif; font-size:12px; }
tbody tr:hover{ background:#EAF6C4; }
td.num,th.num,td.pos{ font-family:'Archivo Black',sans-serif; font-weight:400; }
td.pos{ color:var(--ink); }
.pill{ background:var(--bg); color:var(--club); border-color:var(--bg); font-family:'Inter',sans-serif; font-weight:700; }
.plink{ text-decoration-color:var(--club); background:linear-gradient(transparent 62%,rgba(200,241,53,.55) 0); text-decoration:none; }
.plink:hover,.plink:focus-visible{ background:var(--club); color:var(--club-ink); }

/* controls */
select,.event-pick select{ border-radius:12px; border:0; box-shadow:0 0 0 1px rgba(11,21,32,.2); }
.event-pick select{ border-radius:999px; box-shadow:3px 3px 0 var(--club); border:2px solid var(--cream); }
.hole-fill{ background:var(--club); }
.hole-track{ border:0; background:#DDE4E1; }
.hole-hardest{ border:0; background:#EAF6C4; }
:focus-visible{ outline:3px solid var(--club)!important; outline-offset:3px; }
.footer{ border-top:1px solid rgba(242,245,243,.16); }
.player-id-link{ border:1.5px solid rgba(242,245,243,.45)!important; background:transparent!important; color:var(--cream)!important; box-shadow:none!important; text-transform:none!important; letter-spacing:.02em; font-family:'Inter',sans-serif!important; font-size:13px!important; font-weight:700!important; }
.player-id-link:hover{ background:rgba(242,245,243,.1)!important; border-color:var(--cream)!important; }
:root{ --orange:var(--club); }

/* Restrained accent: lime only where it earns attention (active tab, event picker, stat leaders). Everything else stays neutral. */
.eyebrow{ color:rgba(242,245,243,.62); }
thead th{ border-bottom-color:rgba(242,245,243,.22); }
.rack-line{ background:linear-gradient(90deg,rgba(242,245,243,.35),rgba(242,245,243,.05)); }
.tag-hole{ filter:saturate(.45) brightness(.92); }
.plink{ background:none; text-decoration:underline; text-decoration-color:rgba(11,21,32,.35); text-decoration-thickness:1.5px; text-underline-offset:3px; }
.plink:hover,.plink:focus-visible{ background:var(--club); color:var(--club-ink); text-decoration-color:transparent; }
.stat-card{ box-shadow:6px 6px 0 rgba(200,241,53,.55); }
.hole-fill{ background:#9FB870; }
tbody tr:hover{ background:#EEF1EA; }
.hole-hardest{ background:#EEF1EA; }

/* Marketing pages: the headline word and buttons keep the lime; the big offset shadows and rules calm down. */
.tour-frame,.card.feature,.tap{ box-shadow:8px 8px 0 rgba(200,241,53,.32); }
.incl div{ border-top-color:rgba(242,245,243,.25); }

/* Rating leaders: a title band on each table card */
.rt-card{ margin-top:16px; }
.rt-head{ padding:12px 16px; font-family:'Archivo Black',sans-serif; font-size:16px; letter-spacing:-.01em; color:var(--ink); border-bottom:1px solid var(--line-soft); }
.rt-card table th:first-child,.rt-card table td:first-child{ width:48px; text-align:center; }

/* Event names that open that event's view */
a.evlink{ color:inherit; text-decoration:underline; text-decoration-color:rgba(11,21,32,.35); text-decoration-thickness:1.5px; text-underline-offset:3px; cursor:pointer; }
a.evlink:hover,a.evlink:focus-visible{ background:var(--club); color:var(--club-ink); text-decoration-color:transparent; }

/* Back to the main DiscFi Tags site, top right of every club page */
.topbar{ position:relative; }
.main-site-link{ position:absolute; top:22px; right:20px; z-index:5; display:inline-flex; align-items:center; gap:6px; font:700 13px 'Inter',sans-serif; text-decoration:none; color:var(--cream); border:1.5px solid rgba(242,245,243,.45); border-radius:999px; padding:8px 14px; background:transparent; white-space:nowrap; }
.main-site-link:hover,.main-site-link:focus-visible{ background:var(--club); border-color:var(--club); color:var(--club-ink); }
@media (max-width:560px){ .topbar .brand{ padding-right:100px; } .main-site-link{ right:16px; padding:7px 12px; } }
