/* Čudesni borci – Archive / Category styles */
:root{
  --cb-primary:#145f7a;
  --cb-accent:#f4a261;
  --cb-bg:#f8fafb;
  --cb-white:#fff;
  --cb-text:#1a1a1a;
  --cb-muted:#6b7280;
  --cb-border:rgba(0,0,0,.08);
  --cb-shadow:0 6px 18px rgba(0,0,0,.08);
  --cb-radius:16px;
  --cb-wrap:1200px;
}

.cb-wrap{ max-width:var(--cb-wrap); margin:0 auto; padding:0 20px; }

/* HERO */
.cb-hero--page{
  position:relative;
  background:#e9eef1 center/cover no-repeat;
  min-height:36vh;
  display:flex;
  align-items:center;
  color:var(--cb-white);
  isolation:isolate;
}
.cb-hero--page .cb-hero__overlay{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.35));
  z-index:0;
}
.cb-hero--page .cb-wrap{ position:relative; z-index:1; }
.cb-hero__title{
  font-size:clamp(2rem,3vw,2.4rem);
  line-height:1.1;
  margin:0 0 .3rem 0;
  color:#fff;
}
.cb-hero__subtitle--long{
  max-width: 820px;
  opacity: .95;
}
.cb-hero__subtitle--long p{ margin:.4rem 0; }

/* Sections */
.cb-section{ padding:52px 0; background:#fff; }
.cb-section--alt{ background:var(--cb-bg); }
.cb-section__title{
  font-size:clamp(1.4rem,2vw,1.9rem);
  margin:0 0 1rem 0;
  color:var(--cb-text);
}

/* Children chips */
.cb-chiplist{
  list-style:none; display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0;
}
.cb-chip{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.5rem .8rem; border-radius:999px;
  background:var(--cb-white); border:1px solid var(--cb-border);
  color:#222; text-decoration:none; font-weight:600;
  box-shadow:var(--cb-shadow);
}
.cb-chip__count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:22px; height:22px; padding:0 6px;
  font-size:.825rem; color:#222;
  background:var(--cb-bg); border-radius:11px;
}

/* Filter bar */
.cb-filter{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-bottom:18px;
}
.cb-input, .cb-select{
  appearance:none;
  padding:.6rem .8rem;
  border:1px solid var(--cb-border);
  border-radius:10px;
  background:#fff; color:#111;
  min-width: 220px;
}
.cb-input{ flex: 1 1 260px; }
.cb-btn{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.6rem .9rem; border-radius:999px; text-decoration:none; font-weight:700;
}
.cb-btn--primary{ background:var(--cb-accent); color:#2b2b2b;  border:0;}
.cb-btn--ghost{ background:var(--cb-bg); color:#222; }

/* Post grid (reuse patterns from home) */
.cb-postgrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.cb-postgrid__item{
  background:var(--cb-white);
  border:1px solid var(--cb-border);
  border-radius:var(--cb-radius);
  overflow:hidden;
  box-shadow:var(--cb-shadow);
  display:flex; flex-direction:column;
}
.cb-postgrid__thumb img{ width:100%; height:220px; object-fit:cover; display:block; }
.cb-postgrid__title{ font-size:1.05rem; margin:.85rem 1rem .25rem 1rem; }
.cb-postgrid__title a{ color:var(--cb-text); text-decoration:none; }
.cb-postgrid__title a:hover{ text-decoration:underline; }
.cb-postgrid__meta{ color:var(--cb-muted); font-size:.875rem; margin:0 1rem .5rem 1rem; }
.cb-postgrid__excerpt{ 
    color:var(--cb-muted); 
margin:0 1rem 1rem 1rem; 
overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box;
   -webkit-line-clamp: 4;
           line-clamp: 4;
   -webkit-box-orient: vertical;}

/* Pagination */
.cb-pagination__list{
  display:flex; flex-wrap:wrap; gap:8px;
  margin:20px 0 0 0; padding:0; list-style:none;
}
.cb-pagination__list a, .cb-pagination__list span{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 36px; height:36px; padding:0 10px;
  background:var(--cb-white);
  border:1px solid var(--cb-border);
  border-radius:10px;
  text-decoration:none; color:#111; font-weight:600;
  box-shadow:var(--cb-shadow);
}
.cb-pagination__list .current{
  background:var(--cb-primary); color:#fff; border-color:transparent;
}

/* Empty state */
.cb-empty{
  text-align:center; background:var(--cb-bg);
  border:1px dashed var(--cb-border);
  border-radius:var(--cb-radius);
  padding:28px;
  color:#333;
}

/* Responsive */
@media (max-width: 1024px){
  .cb-postgrid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px){
  .cb-section{ padding:44px 0; }
  .cb-postgrid{ grid-template-columns:1fr; gap:18px; }
  .cb-input{ flex:1 1 100%; min-width: 0; }
}

.cb-postgrid__title a {
    color: var(--cb-text);
    text-decoration: none;
    font-weight: 600;
    font-family: var(--wp--preset--font-family--body);
    font-size: 1.1rem;
    line-height: 1.4rem;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--wp--preset--color--contrast);
    font-family: var(--wp--preset--font-family--body);
    font-weight: 400;
}