/* Access badges on cards (top-right) */

.restaurant-card {
  position: relative;
}

.access-badges {
  position: absolute;
  right: .75rem;
  top: .75rem;
  display: flex;
  gap: .4rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.access-badge {
  font-weight: 600;
}

/* Active state for filter pills */

.filter-pill.btn.active {
  background: var(--bs-secondary);
  color: #fff;
  border-color: var(--bs-secondary);
}

/* Uniform, responsive card image heights */

:root {
  --card-img-h: clamp(160px, 22vw, 240px);
}

.restaurant-card.featured {
  border: 2px solid #ffc107;
}

.restaurant-card .card-img-top {
  width: 100%;
  height: var(--card-img-h);
  object-fit: cover;
  object-position: center;
  display: block;
  aspect-ratio: auto;
}

/* (Optional) tighter crop on very small screens */

@media (max-width: 420px) {
  :root {
    --card-img-h: 180px;
  }
}

.restaurant-card {
  transition: transform .12s ease, box-shadow .12s ease;
}

.restaurant-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.12);
}

.best-seller .price {
  font-weight: 600;
  white-space: nowrap;
}

mark {
  padding: .1rem .25rem;
  border-radius: .25rem;
}

.hero {
  background: linear-gradient(180deg, rgba(33,37,41,.85), rgba(33,37,41,.55)), url("https://picsum.photos/seed/texoma-lake/1600/500") center/cover no-repeat;
  color: #fff;
}