/* ============================================================
   PILLS
   Small gradient label badges used on cards and in detail views.
   ============================================================ */

.spot-card-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: var(--gradient-primary);
  color: var(--color-dark);
  font-size: 0.72rem;
  font-weight: 800;
  padding: 0.18rem 0.55rem;
  border-radius: var(--radius-full);
}

.range-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: var(--gradient-primary);
  color: var(--color-dark);
  font-size: 0.78rem;
  font-weight: 800;
  padding: 0.2rem 0.65rem;
  border-radius: var(--radius-full);
}