/* ── DISCOVERY NUDGES ───────────────────────────────────────────────────── */
#discovery-section { margin-bottom: 4px; }

.discovery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.nudge-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 12px 14px;
  transition: background 0.12s;
}
.nudge-card:hover { background: var(--surface2); }

.nudge-header {
  display: flex; align-items: center; gap: 5px; margin-bottom: 6px;
}
.nudge-icon { color: var(--forest-mid); }
.nudge-label {
  font-size: 9.5px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.5px; color: var(--text3);
}

.nudge-title { font-size: 13.5px; font-weight: 600; color: var(--text); letter-spacing: -0.2px; }
.nudge-detail { font-size: 12px; color: var(--text2); margin-top: 2px; }

/* Mini progress bar */
.nudge-bar {
  height: 3px; background: var(--border); border-radius: 999px;
  overflow: hidden; margin-top: 8px;
}
.nudge-bar-fill { height: 100%; background: var(--gold); border-radius: 999px; transition: width 0.5s; }
.nudge-bar-label { font-size: 10px; color: var(--text3); margin-top: 3px; font-family: var(--mono); }

/* Theme badge card accent */
.nudge-theme { border-left: 3px solid var(--gold); }

/* Suggestion list */
.nudge-suggestions { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }
.nudge-park {
  display: flex; align-items: center; gap: 6px; padding: 4px 6px;
  background: var(--surface2); border-radius: 6px; cursor: pointer;
  transition: background 0.12s;
}
.nudge-park:hover { background: var(--forest-light); }
.nudge-park-name { font-size: 12px; font-weight: 500; color: var(--text); }
.nudge-park .tag { font-size: 9px; padding: 1px 5px; }

/* Action button */
.nudge-action {
  margin-top: 8px; padding: 4px 10px; border-radius: 6px;
  background: var(--forest-light); color: var(--forest-text); border: 1px solid rgba(45,106,71,0.2);
  font-family: var(--font); font-size: 11px; font-weight: 600; cursor: pointer;
  transition: all 0.12s;
}
.nudge-action:hover { background: var(--forest-mid); color: #fff; }

/* Dark mode */
body.dark .nudge-icon { color: #6dbb8a; }

/* Tablet: 2-col fallback when 3 is too tight */
@media (max-width: 820px) and (min-width: 721px) {
  .discovery-grid { grid-template-columns: 1fr 1fr; }
  .discovery-grid .nudge-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* Mobile: horizontal scroll */
@media (max-width: 720px) {
  .discovery-grid {
    display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
    gap: 8px; padding-bottom: 2px; -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .discovery-grid::-webkit-scrollbar { display: none; }
  .nudge-card { min-width: 220px; flex-shrink: 0; scroll-snap-align: start; }
}