/* Step 3 — mood pick. Tight cards, auto-advance on tap. The breath between
   peaks 2 (venues) and 4 (artists). Keep it fast. */

#mood-panel .mood-list {
  display:flex; flex-direction:column; gap:10px;
  margin-top:4px;
}
#mood-panel .mood-list.is-busy { pointer-events:none; opacity:0.7; }

#mood-panel .mood-card {
  display:block; width:100%; text-align:left;
  padding:14px 18px;
  border-radius:var(--radius-md);
  background:var(--card);
  border:1.5px solid var(--subtle-border);
  cursor:pointer;
  transition:border-color 0.15s, background 0.15s, transform 0.2s var(--ease-pick);
  font-family:inherit; color:inherit;
}
#mood-panel .mood-card:hover { border-color:var(--coral-border); }
#mood-panel .mood-card:focus-visible {
  outline:none; border-color:var(--coral);
  box-shadow:0 0 0 3px var(--coral-soft);
}
#mood-panel .mood-card.is-selected {
  border-color:var(--coral); background:var(--coral-soft);
  transform:scale(1.005);
}

#mood-panel .mood-label {
  font-family:var(--font-display); font-size:15px; font-weight:700;
  color:var(--white); line-height:1.3;
}
#mood-panel .mood-card.is-selected .mood-label { color:var(--coral); }

#mood-panel .mood-sub {
  font-size:13px; color:var(--muted); line-height:1.45;
  margin-top:3px;
}