.status-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  /* pill */
  font-size: 0.75rem;
  /* 12px */
  font-weight: 600;
  text-transform: uppercase;
}

.status-badge-open {
  background-color: #dcfce7;
  /* Tailwind green-100 */
  color: #166534;
  /* Tailwind green-800 */
}

.status-badge-closed {
  background-color: #fee2e2;
  /* Tailwind red-100 */
  color: #991b1b;
  /* Tailwind red-800 */
}

.award-badge-listing {
  /* Different from city page for context */
  background-color: var(--color-main);
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: bold;
  margin-left: 8px;
}

.filter-button.active {
  background-color: var(--color-main);
  color: white;
  border-color: var(--color-main);
}

.scroll-to-top {
  position: fixed;
  bottom: 24px; /* or 1.5rem */
  right: 24px;
  background-color: #eb7825; /* main color */
  color: white;
  padding: 12px;
  border-radius: 9999px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  transition: all 0.2s ease-in-out;
}

.scroll-to-top:hover {
  background-color: #b45c1d; /* darker main color */
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}