/* =====================================================================
   GWI v17 THEME — "Clubhouse"
   Fairway green · championship gold · sky blue for weather · sand cream.
   Loaded last. Colors, borders, texture and depth only — no layout changes.
   ===================================================================== */

:root{
  --gwi-green-950:#082419;
  --gwi-green-900:#0b2e24;
  --gwi-green-800:#0f3f30;
  --gwi-green-700:#145440;
  --gwi-green-600:#1b6b50;
  --gwi-green-500:#23845f;
  --gwi-green-100:#e2f1e7;
  --gwi-green-050:#f1f8f3;
  --gwi-gold-600:#a97a12;
  --gwi-gold-500:#d4a63a;
  --gwi-gold-300:#ecd08a;
  --gwi-gold-100:#fbf1d6;
  --gwi-sky-700:#1e6488;
  --gwi-sky-500:#3f8fb8;
  --gwi-sky-100:#e3f1f8;
  --gwi-sky-050:#f2f8fb;
  --gwi-sand:#f4efe2;
  --gwi-ink:#12211c;
  --gwi-ink-soft:#4d5e56;
  --gwi-line:#d6dfd3;
  --gwi-line-strong:#bccbbd;
  --gwi-radius:16px;
  --gwi-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 28px -16px rgba(8,36,25,.45),0 2px 6px -2px rgba(8,36,25,.12);
  --gwi-shadow-sm:0 6px 16px -12px rgba(8,36,25,.45);
  --gwi-accent-bar:linear-gradient(90deg,var(--gwi-green-600) 0%,var(--gwi-green-500) 55%,var(--gwi-gold-500) 100%);
  --gwi-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.06  0 0 0 0 0.22  0 0 0 0 0.14  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  /* Putting-green surface: fine blade grain + soft mottled patches of lighter/darker turf */
  --gwi-turf-fine:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='1.35' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.05  0 0 0 0 0.26  0 0 0 0 0.10  0 0 0 .42 -.12'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>");
  --gwi-turf-light:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='l'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='1' seed='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.93  0 0 0 0 0.98  0 0 0 0 0.86  0 0 0 .38 -.14'/></filter><rect width='100%' height='100%' filter='url(%23l)'/></svg>");
  /* Soft light/dark patches, like a real green. Each blob fades out before its tile edge, so repeats are seamless. */
  --gwi-turf-mottle:
    radial-gradient(closest-side,rgba(18,82,34,.13),rgba(18,82,34,0)),
    radial-gradient(closest-side,rgba(255,255,225,.20),rgba(255,255,225,0)),
    radial-gradient(closest-side,rgba(18,82,34,.09),rgba(18,82,34,0));
  --gwi-turf-fine-soft:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='s'><feTurbulence type='fractalNoise' baseFrequency='1.35' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.12  0 0 0 0 0.30  0 0 0 0 0.16  0 0 0 .10 -.035'/></filter><rect width='100%' height='100%' filter='url(%23s)'/></svg>");
  /* Same grain, light specks, for the dark green header and weather panels */
  --gwi-turf-dark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='d'><feTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='2' seed='5' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.75  0 0 0 0 0.9  0 0 0 0 0.75  0 0 0 .22 -.08'/></filter><rect width='100%' height='100%' filter='url(%23d)'/></svg>");
}

/* ---------- Page background: putting-green turf ---------- */
html body{
  /* Light grey-green base with a whisper of putting-green grain */
  background-color:#f4f5ef!important;
  background-image:var(--gwi-turf-fine-soft)!important;
  background-repeat:repeat!important;
  background-size:140px 140px!important;
  color:var(--gwi-ink);
}
/* Full-width page sections that painted a flat grey over the texture */
html body #teeSearchExperience.tee-search-card,
html body #weatherCourseSearch.weather-course-search-page{background:transparent!important}

/* ---------- Header: deep green with gold trim ---------- */
html body .gwi-site-header{
  background:
    var(--gwi-turf-dark),
    linear-gradient(120deg,var(--gwi-green-950) 0%,var(--gwi-green-800) 55%,var(--gwi-green-600) 100%)!important;
  border-bottom:3px solid var(--gwi-gold-500)!important;
  box-shadow:0 6px 18px -8px rgba(8,36,25,.55)!important;
}
html body .gwi-brand-copy strong{color:#fff!important;letter-spacing:.01em}
html body .gwi-brand-copy small{color:var(--gwi-gold-300)!important}
html body .gwi-logo{box-shadow:0 0 0 2px var(--gwi-gold-500),0 4px 10px rgba(0,0,0,.25)!important}
html body .gwi-primary-nav > button,
html body .gwi-primary-nav > .gwi-nav-dropdown > button{
  color:#e4efe8!important;background:transparent!important;box-shadow:none!important;
  border-radius:999px!important;transition:background .15s,color .15s;
}
html body .gwi-primary-nav > button:hover,
html body .gwi-primary-nav > .gwi-nav-dropdown > button:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
html body .gwi-primary-nav > button.active,
html body .gwi-primary-nav > .gwi-nav-dropdown > button[aria-expanded="true"]{
  background:rgba(212,166,58,.16)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(236,208,138,.75)!important;
}
html body .gwi-primary-nav button span[aria-hidden]{color:var(--gwi-gold-300)!important}
html body .gwi-nav-dropdown-panel{
  background:#fff!important;border:1px solid var(--gwi-line)!important;border-top:3px solid var(--gwi-gold-500)!important;
  border-radius:12px!important;box-shadow:0 18px 40px -18px rgba(8,36,25,.5)!important;
}
html body .gwi-nav-dropdown-panel button{color:var(--gwi-ink)!important;border-radius:8px!important}
html body .gwi-nav-dropdown-panel button:hover{background:var(--gwi-green-050)!important;color:var(--gwi-green-700)!important}

/* Phone header button + menu */
html body .gwi-mobile-menu-button{
  background:rgba(255,255,255,.08)!important;border:2px solid rgba(236,208,138,.8)!important;color:#fff!important;border-radius:12px!important;
}
html body .gwi-mobile-menu-button span{color:#fff!important}
html body .gwi-mobile-menu{
  border-top:3px solid var(--gwi-gold-500)!important;border-radius:14px!important;
  box-shadow:0 22px 44px -18px rgba(8,36,25,.55)!important;
}
html body .gwi-mobile-menu > button span[aria-hidden],
html body .gwi-mobile-menu .gwi-mobile-other-cities > button span[aria-hidden]{color:var(--gwi-green-600)!important}

/* ---------- Cards: white with gold/green top trim and soft depth ---------- */
html body .home-search-card,
html body .home-aux-panel,
html body .weather-combined-outlook,
html body .weather-alerts-section,
html body .confidence-card,
html body .course-filter-sidebar,
html body .available-page-header,
html body .mobile-results-quick-shell{
  background:var(--gwi-accent-bar) top/100% 4px no-repeat,#fff!important;
  border:1px solid var(--gwi-line)!important;
  box-shadow:var(--gwi-shadow)!important;
}
html body .home-search-card,
html body .home-aux-panel,
html body .weather-combined-outlook,
html body .weather-alerts-section,
html body .course-filter-sidebar,
html body .available-page-header{border-radius:var(--gwi-radius)!important}
/* The results bar sits inside a card on phones — keep it flat there */
html body .home-aux-panel .mobile-results-quick-shell,
html body .tee-search-card .mobile-results-quick-shell{box-shadow:none!important;border:0!important;background:transparent!important}
html body .home-aux-panel .mobile-results-quick-shell{background:transparent!important}

/* Section labels: gold with a small bar */
html body .section-kicker:not(.pale),
html body .home-aux-panel .section-kicker{
  color:var(--gwi-gold-600)!important;letter-spacing:.14em!important;
}
html body .section-kicker:not(.pale)::before{
  content:'';display:inline-block;width:16px;height:3px;margin:0 7px 3px 0;border-radius:2px;
  background:var(--gwi-gold-500);vertical-align:middle;
}
html body .section-kicker.pale{color:var(--gwi-gold-300)!important}

/* Big headings get a classic clubhouse serif */
html body #homeAuxTitle,
html body .home-aux-panel h2,
html body #weatherBestForecastTitle,
html body .weather-subsection-head h2,
html body .available-page-header h1,
html body .available-page-header h2,
html body .confidence-card h3,
html body .best-card h2{
  font-family:'Fraunces',Georgia,'Times New Roman',serif!important;
  font-weight:650!important;letter-spacing:-.005em!important;
}

/* ---------- Search controls ---------- */
html body .home-search-card input:not([type=range]):not([type=checkbox]),
html body .course-filter-sidebar input:not([type=range]):not([type=checkbox]){
  border-color:var(--gwi-line-strong)!important;
}
html body .home-search-card input:focus,
html body .course-filter-sidebar input:focus{
  border-color:var(--gwi-green-600)!important;box-shadow:0 0 0 3px rgba(35,132,95,.18)!important;outline:none!important;
}
/* Filter pills (desktop) */
html body .home-search-card .mobile-results-filter-strip button,
html body .home-search-card .desktop-home-filter-strip button,
html body .home-search-card [data-desktop-filter],
html body .home-search-card .home-filter-pill{
  border-color:#b9ccbc!important;background:linear-gradient(180deg,#fff,#f5f9f5)!important;color:var(--gwi-green-900)!important;
}
html body .home-search-card .mobile-results-filter-strip button:hover,
html body .home-search-card [data-desktop-filter]:hover{border-color:var(--gwi-green-600)!important;background:var(--gwi-green-050)!important}
html body .home-search-card .mobile-results-filter-strip button span[aria-hidden],
html body .home-search-card [data-desktop-filter] span[aria-hidden]{color:var(--gwi-green-600)!important}

/* Range sliders: green track + gold thumb */
html body input[type=range]{accent-color:var(--gwi-green-600)}
html body .desktop-dual-range-fill{background:linear-gradient(90deg,var(--gwi-green-600),var(--gwi-gold-500))!important}

/* Segmented view toggles (Course / Map, List / Map) */
html body .course-results-view-button.active,
html body .finder-tab.active{
  color:var(--gwi-green-800)!important;box-shadow:inset 0 -2px 0 var(--gwi-gold-500),0 1px 3px rgba(8,36,25,.15)!important;
}

/* ---------- Primary buttons: green with a gold lip ---------- */
html body .course-filter-search,
html body .weather-course-result-button,
html body #homeSearchButton,
html body .zip-live-time .zip-book-button,
html body .zip-live-time a[href],
html body .zip-live-time button,
html body .mobile-filter-apply,
html body .mobile-results-filter-panel button[data-apply-filter],
html body .mobile-results-filter-panel .mobile-filter-sheet-apply{
  background:linear-gradient(180deg,var(--gwi-green-600) 0%,var(--gwi-green-800) 100%)!important;
  color:#fff!important;border:1px solid var(--gwi-green-900)!important;
  box-shadow:inset 0 -2px 0 rgba(212,166,58,.9),0 3px 8px -4px rgba(8,36,25,.55)!important;
  transition:filter .15s,transform .15s;
}
html body .course-filter-search:hover,
html body .weather-course-result-button:hover,
html body .zip-live-time a[href]:hover,
html body .zip-live-time button:hover{filter:brightness(1.12)}
html body .course-filter-search:active,
html body .weather-course-result-button:active,
html body .zip-live-time a[href]:active,
html body .zip-live-time button:active{transform:translateY(1px)}

/* ---------- Course result cards ---------- */
html body .zip-course-card,
html body .weather-course-result-card{
  border:1px solid var(--gwi-line)!important;
  border-left:5px solid var(--gwi-green-600)!important;
  background:linear-gradient(180deg,#fff 0%,#fff 70%,#fbfcf8 100%)!important;
  box-shadow:var(--gwi-shadow-sm)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
html body .zip-course-card:hover,
html body .weather-course-result-card:hover{
  transform:translateY(-2px);border-left-color:var(--gwi-gold-500)!important;
  box-shadow:0 16px 30px -18px rgba(8,36,25,.55)!important;
}
html body .zip-course-rank{
  background:var(--gwi-green-800)!important;color:#fff!important;font-weight:800!important;
  box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gwi-gold-500)!important;
}
html body .zip-course-title strong,
html body .zip-course-title h3{color:var(--gwi-green-900)!important}

/* LIVE badge with a pulsing dot */
html body .zip-live-chip{
  background:var(--gwi-green-100)!important;color:var(--gwi-green-700)!important;
  border:1px solid #a9d5b8!important;display:inline-flex!important;align-items:center!important;gap:6px!important;
}
html body .zip-live-chip::before{
  content:'';width:7px;height:7px;border-radius:50%;background:#1faa5c;flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(31,170,92,.55);animation:gwiLivePulse 1.8s ease-out infinite;
}
@keyframes gwiLivePulse{0%{box-shadow:0 0 0 0 rgba(31,170,92,.55)}80%,100%{box-shadow:0 0 0 7px rgba(31,170,92,0)}}
@media (prefers-reduced-motion:reduce){html body .zip-live-chip::before{animation:none}}

/* Summary boxes: tee times (green) · price (gold) · weather (sky) */
html body .zip-course-metrics > *{
  border:1px solid var(--gwi-line)!important;border-left-width:4px!important;border-radius:11px!important;
}
html body .zip-course-metrics > *:nth-child(1){border-left-color:var(--gwi-green-500)!important;background:linear-gradient(135deg,var(--gwi-green-050),#fff 70%)!important}
html body .zip-course-metrics > *:nth-child(2){border-left-color:var(--gwi-gold-500)!important;background:linear-gradient(135deg,var(--gwi-gold-100),#fff 70%)!important}
html body .zip-course-metrics > *:nth-child(3),
html body .zip-course-metrics > .zip-weather-metric{border-left-color:var(--gwi-sky-500)!important;background:linear-gradient(135deg,var(--gwi-sky-100),#fff 70%)!important}
html body .zip-course-metrics span,
html body .zip-course-metrics small:first-child{letter-spacing:.06em}

html body .zip-live-times{border-top:1px dashed var(--gwi-line-strong)!important}

/* ---------- Tee-time tiles: one clean style with a gold accent; the score circle carries the color ---------- */
/* Score colors, best to worst: green > gold > orange > red */
html body .zip-live-time:not(#gwi-x){
  --tee:#1f9d57;
  position:relative!important;
  background:#fff!important;
  border:1px solid var(--gwi-line)!important;
  border-radius:12px!important;
  padding:10px 10px 10px 13px!important;
  box-shadow:inset 3px 0 0 var(--gwi-gold-500),0 5px 12px -10px rgba(8,36,25,.5)!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
html body .zip-live-time:not(#gwi-x):hover{
  transform:translateY(-2px);border-color:var(--gwi-gold-300)!important;
  box-shadow:inset 3px 0 0 var(--gwi-gold-500),0 12px 20px -14px rgba(8,36,25,.55)!important;
}
html body .zip-live-time:focus-visible{outline:3px solid rgba(212,166,58,.7)!important;outline-offset:2px}
html body .zip-live-time:not(#gwi-x):has(.gwi-tee-score-excellent){--tee:#1f9d57}
html body .zip-live-time:not(#gwi-x):has(.gwi-tee-score-good){--tee:#d4a63a}
html body .zip-live-time:not(#gwi-x):has(.gwi-tee-score-fair){--tee:#e8782a}
html body .zip-live-time:not(#gwi-x):has(.gwi-tee-score-poor),
html body .zip-live-time:not(#gwi-x):has(.gwi-tee-score-avoid){--tee:#d0453a}
html body .zip-live-time:not(#gwi-x):has(.gwi-tee-score-loading){--tee:#aab4ae}

/* Time, price, players */
html body .zip-live-time > strong{font-size:16px!important;letter-spacing:-.01em;color:var(--gwi-ink)!important;padding-right:34px!important;white-space:nowrap!important}
html body .zip-live-time > span:not(.gwi-tee-score){color:var(--gwi-green-700)!important;font-weight:800!important;font-size:15px!important}
html body .zip-live-time > small{color:var(--gwi-ink-soft)!important}

/* Score: round marker in the corner, colored by score */
html body .zip-live-time:not(#gwi-x) > .gwi-tee-score{
  position:absolute!important;top:8px!important;right:8px!important;
  display:grid!important;place-items:center!important;
  width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;
  border-radius:50%!important;border:0!important;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),rgba(255,255,255,0) 45%),var(--tee)!important;
  color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:1!important;
  box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(8,36,25,.10),0 3px 6px -2px rgba(8,36,25,.45)!important;
}
html body .zip-live-time:not(#gwi-x) > .gwi-tee-score strong{color:#fff!important;font-size:12px!important}

/* Book: the site's standard green button with a gold lip */
html body .zip-live-time:not(#gwi-x) > a{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;justify-self:stretch!important;margin-top:4px!important}
html body .zip-live-time:not(#gwi-x) a[href],
html body .zip-live-time:not(#gwi-x) button,
html body .zip-live-time:not(#gwi-x) .zip-book-button{
  background:linear-gradient(180deg,var(--gwi-green-600) 0%,var(--gwi-green-800) 100%)!important;
  color:#fff!important;border:1px solid var(--gwi-green-900)!important;border-radius:8px!important;
  box-shadow:inset 0 -2px 0 rgba(212,166,58,.9)!important;font-weight:800!important;
}
html body .zip-live-time:not(#gwi-x) a[href]:hover,
html body .zip-live-time:not(#gwi-x) button:hover{filter:brightness(1.12)}

/* Score pills elsewhere use the same green > gold > orange > red scale */
html body .gwi-tee-score{font-weight:800!important}
html body .gwi-tee-score-excellent{background:#dcf2e4;color:#0d6b3a;border-color:#9fd4b3}
html body .gwi-tee-score-good{background:#fbf1d6;color:#7a5a0e;border-color:#ecd08a}
html body .gwi-tee-score-fair{background:#fde9da;color:#9a4a10;border-color:#f3bf94}
html body .gwi-tee-score-poor,
html body .gwi-tee-score-avoid{background:#fce5e1;color:#a3291b;border-color:#f0b2a8}

/* ---------- Weather: hero, metrics, timeline ---------- */
html body #weatherBestForecastPreview,
html body .weather-combined-hero{
  background:
    var(--gwi-turf-dark),
    radial-gradient(520px 220px at 92% 0%,rgba(236,208,138,.22),rgba(236,208,138,0) 70%),
    linear-gradient(125deg,var(--gwi-green-950) 0%,var(--gwi-green-700) 52%,#1f6f78 100%)!important;
  border-bottom:3px solid var(--gwi-gold-500)!important;
}
html body .weather-best-score{
  border-color:var(--gwi-gold-500)!important;background:rgba(8,36,25,.28)!important;
  box-shadow:0 0 0 4px rgba(236,208,138,.18),0 8px 20px -8px rgba(0,0,0,.5)!important;
}
html body .weather-recommended-wrap{background:rgba(8,36,25,.3)!important;border-color:rgba(236,208,138,.25)!important}
html body .weather-recommendation-card{
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(236,208,138,.35)!important;
  transition:background .15s,border-color .15s;
}
html body .weather-recommendation-card:first-child{border-color:var(--gwi-gold-500)!important;background:rgba(212,166,58,.14)!important}
html body .weather-recommendation-card:hover{background:rgba(255,255,255,.14)!important;border-color:var(--gwi-gold-300)!important}

html body .weather-combined-round{background:linear-gradient(180deg,var(--gwi-sky-050),#fff 180px)!important}
html body .weather-compact-metrics .metric,
html body .metrics .metric{
  background:linear-gradient(180deg,#fff 0%,var(--gwi-sky-050) 100%)!important;
  border:1px solid #d3e3ea!important;border-top:3px solid var(--gwi-sky-500)!important;border-radius:11px!important;
}
html body .metrics .metric .icon{
  display:inline-grid!important;place-items:center!important;width:26px;height:26px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 1px #cfe0e8;
}
html body .round-chip{background:var(--gwi-gold-100)!important;color:#7a5a0e!important;border:1px solid var(--gwi-gold-300)!important}
html body .mini-track{background:#e3ebe5!important}
html body .mini-track > *{background:linear-gradient(90deg,var(--gwi-green-600),#6db56c 70%,var(--gwi-gold-500))!important}

html body .hourly-strip,
html body .weather-round-timeline{
  background:var(--gwi-turf-dark),linear-gradient(120deg,var(--gwi-green-900),var(--gwi-green-700) 60%,#1f6f78)!important;
  border:1px solid var(--gwi-green-950)!important;box-shadow:inset 0 -3px 0 var(--gwi-gold-500)!important;
}
html body .hour-cell + .hour-cell{border-left:1px solid rgba(255,255,255,.1)!important}

/* Alerts + confidence */
html body .weather-alerts-section{background:var(--gwi-accent-bar) top/100% 4px no-repeat,linear-gradient(180deg,#fff,#fffdf6)!important}
html body .confidence-card{background:linear-gradient(90deg,var(--gwi-sky-500),var(--gwi-green-500)) top/100% 4px no-repeat,#fff!important}
html body .best-card.weather-condition-card{box-shadow:0 18px 36px -18px rgba(8,36,25,.7),inset 0 -3px 0 var(--gwi-gold-500)!important}

/* ---------- Search suggestions dropdown ---------- */
html body .course-finder-panel.suggestion-mode,
html body .tee-search-suggestions{
  border:1px solid var(--gwi-line)!important;border-top:3px solid var(--gwi-gold-500)!important;
  box-shadow:0 24px 48px -20px rgba(8,36,25,.55)!important;
}

/* ---------- Phone compact search grid (v15/v16) ---------- */
@media (max-width:760px){
  html body .mobile-results-quick-shell .mobile-results-location-cell,
  html body .home-search-card.mobile-home-compact-search .home-course-finder{
    border-color:#9fb7a6!important;background:linear-gradient(180deg,#fff,#f8fbf8)!important;
  }
  html body .mobile-results-quick-shell .mobile-results-location-cell:focus-within,
  html body .home-search-card.mobile-home-compact-search .home-course-finder:focus-within{
    border-color:var(--gwi-green-600)!important;box-shadow:0 0 0 3px rgba(35,132,95,.18)!important;
  }
  html body .mobile-results-quick-shell:not(#gwi-x) .mobile-results-filter-strip > button,
  html body .home-search-card.mobile-home-compact-search:not(#gwi-x) .mobile-home-filter-strip > button,
  html body .mobile-results-quick-shell .gwi-date-chip,
  html body .home-search-card.mobile-home-compact-search .gwi-date-chip{
    border-color:#c5d5c8!important;background:linear-gradient(180deg,#fff 0%,#f4f8f3 100%)!important;
    box-shadow:0 2px 0 rgba(8,36,25,.05)!important;
  }
  html body .gwi-chip-label{color:var(--gwi-green-600)!important}
  html body .mobile-results-quick-shell .gwi-date-chip,
  html body .home-search-card.mobile-home-compact-search .gwi-date-chip{border-left:3px solid var(--gwi-gold-500)!important}
  html body .mobile-results-quick-shell:not(#gwi-x) .mobile-results-filter-strip > button.active,
  html body .home-search-card.mobile-home-compact-search:not(#gwi-x) .mobile-home-filter-strip > button.active{
    border-color:var(--gwi-green-600)!important;background:var(--gwi-green-050)!important;
  }
  html body .zip-course-card:hover,
  html body .weather-course-result-card:hover,
  html body .zip-live-time:hover{transform:none}
}

/* Tee tiles: a little wider so "10:30 AM" isn't clipped by the score badge */
@media (min-width:761px){
  html body .zip-live-times-scroll:not(#gwi-x) > .zip-live-time{flex:0 0 142px!important;min-width:142px!important;max-width:none!important}
}
/* Weather course list rank numbers */
html body .weather-course-result-rank{
  display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;
  width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;line-height:1!important;
  font-size:13px!important;text-align:center!important;
  background:var(--gwi-green-800)!important;color:#fff!important;font-weight:800!important;
  box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gwi-gold-500)!important;border-radius:50%!important;
}
html body .weather-course-result-title strong,
html body .weather-course-result-title h3{color:var(--gwi-green-900)!important}

/* Phones: smaller ball marker so time and score both fit the narrow tiles */
@media (max-width:760px){
  html body .zip-live-time:not(#gwi-x){padding:8px 8px 8px 10px!important}
  html body .zip-live-time:not(#gwi-x) > strong{font-size:13px!important;padding-right:27px!important}
  html body .zip-live-time:not(#gwi-x) > span:not(.gwi-tee-score){font-size:13px!important;color:var(--gwi-green-700)!important;font-weight:800!important}
  html body .zip-live-time:not(#gwi-x) > .gwi-tee-score{
    top:6px!important;right:6px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
    padding:0!important;font-size:10.5px!important;
  }
  html body .zip-live-time:not(#gwi-x) > .gwi-tee-score strong{font-size:10.5px!important;line-height:1!important}
}