/**
 * aktuality-filters.css — P1-11
 * Pill filter bar nad mrizkou clanku. Izolovane tridy .vhv-aktu-filter*.
 */

.vhv-aktu-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin: 1rem auto 2rem;
  padding: 0 1rem;
  max-width: 900px;
}

.vhv-aktu-filter {
  padding: 0.6rem 1.1rem;
  min-height: 44px;
  min-width: 44px;
  background: #f1f5f9;
  color: #334155;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 150ms ease, color 150ms ease, border-color 150ms ease, transform 100ms ease;
  font-family: inherit;
}

.vhv-aktu-filter:hover {
  background: #e2e8f0;
  border-color: #cbd5e1;
}

.vhv-aktu-filter:focus-visible {
  outline: 3px solid #0061a5;
  outline-offset: 2px;
}

.vhv-aktu-filter.is-active {
  background: #0061a5;
  color: #fff;
  border-color: #0061a5;
}

.vhv-aktu-filter.is-active:hover {
  background: #004f8a;
}

.vhv-aktu-filter:active {
  transform: scale(0.97);
}

@media (max-width: 560px) {
  .vhv-aktu-filter {
    padding: 0.55rem 0.9rem;
    font-size: 0.88rem;
  }
}