/**
 * Zdrowy Bajtel — assets/css/archive.css
 * Strona Aktualności. Style kart newsów skopiowane z home.css.
 * REGUŁA R9: hero.css/home.css ładuje się TYLKO na front-page.
 * Karty .news-card muszą być też tutaj!
 */

/* Archive hero */
.archive-section { padding-block:2rem 4rem; }

/* Filtry kategorii (pills) */
.archive-filters {
  display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:2.5rem;
}
.archive-filter-btn {
  padding:.5rem 1.125rem; border-radius:var(--r-full);
  font-family:var(--font-display); font-size:.875rem; font-weight:600;
  background:#fff; color:var(--zb-navy); border:1px solid var(--zb-border);
  cursor:pointer; transition:background var(--tr), border-color var(--tr), color var(--tr);
  text-decoration:none;
}
.archive-filter-btn:hover,
.archive-filter-btn.is-active { background:var(--zb-green); color:#fff; border-color:var(--zb-green); }

/* Grid */
.archive-grid {
  display:grid; grid-template-columns:1fr; gap:1.5rem;
}
@media (min-width:640px)  { .archive-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px) { .archive-grid { grid-template-columns:repeat(3,1fr); } }

/* ── KARTY (kopia z home.css — R9!) ── */
.news-card {
  display:flex; flex-direction:column;
  border-radius:var(--r-2xl); overflow:hidden;
  background:#fff; border:1px solid var(--zb-border);
  box-shadow:var(--shadow-card);
  transition:box-shadow var(--tr), transform var(--tr);
}
.news-card:hover { box-shadow:var(--shadow-hover); transform:translateY(-4px); }
.news-card__thumb {
  display:block; position:relative; height:160px; overflow:hidden;
  text-decoration:none; flex-shrink:0;
}
.news-card__img { width:100%; height:100%; object-fit:cover; display:block; }
.news-card__thumb-placeholder { width:100%; height:100%; background:var(--gradient-accent); }
.news-card__badge {
  position:absolute; top:.75rem; left:.75rem;
  padding:.1875rem .625rem; border-radius:var(--r-full);
  background:rgba(255,255,255,.95); font-size:.75rem; font-weight:700; color:var(--zb-orange);
}
.news-card__body { padding:1.5rem; display:flex; flex-direction:column; flex:1; }
.news-card__date { font-size:.75rem; color:var(--zb-muted); display:block; }
.news-card__title { font-family:var(--font-display); font-size:1.0625rem; font-weight:800; color:var(--zb-navy); margin:.5rem 0 0; line-height:1.375; }
.news-card__title a { color:inherit; text-decoration:none; transition:color var(--tr); }
.news-card__title a:hover { color:var(--zb-green); }
.news-card__excerpt { font-size:.875rem; color:var(--zb-muted); line-height:1.6; margin:.5rem 0 0; flex:1; }
.news-card__more {
  display:inline-flex; align-items:center; gap:.375rem; margin-top:1rem;
  font-family:var(--font-display); font-weight:700; font-size:.875rem;
  color:var(--zb-green); text-decoration:none; transition:gap var(--tr);
}
.news-card__more:hover { gap:.625rem; }
.news-empty { text-align:center; padding:2rem; color:var(--zb-muted); font-size:.9375rem; }