/* ==========================================================================
   Colentum — novosti.css
   Popis novosti (/novosti/) i novosti po kategoriji.
   ========================================================================== */

.news-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 3rem;
}

.news-filter__item {
  padding: 0.625rem 1.25rem;
  border: 1px solid var(--c-stone-200);
  border-radius: var(--r-full);
  background: var(--c-white);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--c-stone-600);
  transition: border-color 0.2s, color 0.2s, background-color 0.2s;
}

.news-filter__item:hover { border-color: var(--c-terracotta); color: var(--c-terracotta); }

.news-filter__item.is-active {
  background: var(--c-terracotta);
  border-color: var(--c-terracotta);
  color: var(--c-white);
}