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

/* .spot-card-pill is styled with its card in pages/spots.css. */

.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);
}