/* JEDNA ODRA — style strony: aktualnosci */
.news-archive{background:var(--cream)}

.filter-bar{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:20px;
  margin-bottom:40px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line-dark);
}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}
.filter-tab{
  padding:10px 18px;
  border-radius:30px;
  font-size:0.78rem;font-weight:700;
  letter-spacing:0.12em;text-transform:uppercase;
  background:#fff;
  border:1px solid var(--line-dark);
  color:var(--navy-900);
  cursor:pointer;
  transition:all .25s;
}
.filter-tab:hover{border-color:var(--red);color:var(--red)}
.filter-tab.active{
  background:var(--navy-900);
  color:#fff;
  border-color:var(--navy-900);
}
.filter-tab .count{
  margin-left:6px;opacity:0.6;font-weight:500;
}

.filter-search{
  position:relative;
}
.filter-search input{
  padding:10px 16px 10px 40px;
  background:#fff;
  border:1px solid var(--line-dark);
  border-radius:30px;
  font-family:inherit;font-size:0.88rem;
  width:240px;
  color:var(--navy-900);
  transition:border-color .2s, width .25s;
}
.filter-search input:focus{outline:none;border-color:var(--red);width:280px}
.filter-search::before{
  content:"⌕";
  position:absolute;left:14px;top:50%;
  transform:translateY(-50%);
  color:var(--muted);font-size:1.1rem;
}

.archive-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
  margin-bottom:50px;
}


.pagination{
  display:flex;justify-content:center;align-items:center;
  gap:10px;
  padding:30px 0;
}
.page-btn{
  width:40px;height:40px;
  border-radius:var(--radius-sm);
  background:#fff;
  border:1px solid var(--line-dark);
  color:var(--navy-900);
  font-weight:700;font-size:0.88rem;
  transition:all .25s;
}
.page-btn:hover{border-color:var(--red);color:var(--red)}
.page-btn.active{
  background:var(--navy-900);
  color:#fff;border-color:var(--navy-900);
}
.page-btn.prev,.page-btn.next{width:auto;padding:0 16px}

/* Featured top article (large) */
.archive-grid .featured-top{
  grid-column:1/-1;
  display:grid;grid-template-columns:1.2fr 1fr;
  gap:0;
  background:#fff;
  border:1px solid var(--line-dark);
  border-radius:var(--radius);
  overflow:hidden;
  transition:transform .35s, box-shadow .35s;
}
.archive-grid .featured-top:hover{
  transform:translateY(-4px);
  box-shadow:0 30px 60px -25px rgba(11,31,58,0.25);
}
.archive-grid .featured-top .news-img{aspect-ratio:auto;min-height:380px}
.archive-grid .featured-top .news-body{padding:50px;justify-content:center}
.archive-grid .featured-top .news-title{font-size:2.4rem}
.archive-grid .featured-top .news-excerpt{font-size:1.05rem;margin-bottom:24px}

@media (max-width:1024px){
  .archive-grid{grid-template-columns:1fr 1fr}
  .archive-grid .featured-top{grid-template-columns:1fr}
  .archive-grid .featured-top .news-body{padding:30px}
}
@media (max-width:680px){
  .archive-grid{grid-template-columns:1fr}
  .filter-bar{flex-direction:column;align-items:stretch}
  .filter-search input{width:100%}
}