/* category-nav.css - Category navigation component for archives */

.category-nav {
  margin-bottom: var(--space-lg);
}

.category-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.category-nav__item {
  margin: 0;
}

.category-nav__item a {
  display: inline-block;
  padding: 0.5rem var(--space-md);
  font-size: var(--fz-xxs);
  color: var(--color-text);
  text-decoration: none;
  background: #f7f9fc;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.category-nav__item a:hover,
.category-nav__item a:focus-visible {
  background: var(--color-bg);
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.category-nav__item a.is-active {
  font-weight: 600;
  color: var(--color-bg);
  background: var(--color-primary);
  border-color: var(--color-primary);
}

@media (max-width: 767px) {
  .category-nav__list {
    gap: 1rem 0.5rem;
  }

  .category-nav__item a {
    padding: 0.4rem var(--space-sm);
    font-size: var(--fz-xs);
  }
}