/* Pagination — flat label pills (prev · numbers · next), accent for current. */
.pagination {
  --gutter: var(--space-2xs);
  flex-wrap: wrap;
  justify-content: center;
  font-family: var(--font-label);
  font-size: var(--size-step-min-2);
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}
.pagination a {
  display: block;
  padding: var(--space-2xs) var(--space-s);
  border: 1px solid var(--edge);
  border-radius: var(--radius-s);
  color: var(--color-text-accent);
  text-decoration: none;
}
.pagination a:hover,
.pagination a:focus-visible {
  color: var(--color-text);
  border-color: var(--hot);
}
.pagination a[aria-current='page'] {
  color: var(--on-hot);
  background: var(--hot);
  border-color: transparent;
}
/* non-link prev/next (first/last page) */
.pagination li:not(:has(a)) {
  padding: var(--space-2xs) var(--space-s);
  color: var(--color-text-muted);
  opacity: 0.6;
}
/**
 * Beer Fridge Styles
 *
 * Uses unified collection components:
 * - collection-stats.css for stat cards and charts
 * - collection-card.css for beer cards
 */

/* Recent Activity (Beer-specific) */

.recent-activity {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.activity-item {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs);
  background: var(--color-bg-accent-2);
  border-radius: var(--space-3xs);
}

.activity-item strong {
  color: var(--color-text);
}

.activity-item span {
  color: var(--color-text-accent);
  font-size: var(--size-step-min-1);
}

.activity-item time {
  margin-left: auto;
  color: var(--color-text-accent);
  font-size: var(--size-step-min-2);
}

/* Beer Grid */

.beer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--space-m);
  margin-bottom: var(--space-l);
}

.beer-card__badges {
  display: flex;
  gap: var(--space-2xs);
  flex-wrap: wrap;
  align-items: center;
}

.beer-card__badge {
  background: color-mix(in srgb, var(--hot) 14%, var(--color-bg-accent));
  color: var(--link);
  border: 1px solid color-mix(in srgb, var(--hot) 30%, transparent);
  padding: var(--space-3xs) var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-step-min-2);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  text-decoration: none;
}

.beer-card__abv {
  color: var(--color-text-accent);
  font-size: var(--size-step-min-1);
  font-weight: medium;
}

.beer-card__rating {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

.beer-card__stars {
  color: var(--hot);
  font-size: var(--size-step-min-1);
}

.beer-card__rating-value {
  font-weight: medium;
  color: var(--color-text);
  font-size: var(--size-step-min-1);
}

.beer-card__rating-count {
  font-size: 0.8em;
  opacity: 0.7;
  margin-left: 0.25rem;
  color: var(--color-text-accent);
}

.beer-card__details {
  font-size: var(--size-step-min-2);
  color: var(--color-text-accent);
  border-top: 1px solid var(--color-bg-accent-2);
  padding-top: var(--space-2xs);
  margin-top: var(--space-2xs);
}

.beer-card__date {
  display: block;
  font-style: italic;
}

.beer-card__venue {
  display: block;
  font-size: var(--size-step-min-2);
  margin-top: var(--space-3xs);
}