/* Čudesni borci – Single post (Gutenberg only) */
: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; }
.cb-section{ padding:52px 0; background:#fff; }

.cb-breadcrumbs{ font-size:.95rem; color:var(--cb-muted); margin:0 0 .5rem 0; }
.cb-breadcrumbs a{ color:inherit; text-decoration:none; }
.cb-breadcrumbs a:hover{ text-decoration:underline; }

.cb-post__title{
  font-size:clamp(1.8rem,3vw,2.4rem);
  line-height:1.15;
  margin:.25rem 0 .5rem;
  color:var(--cb-text);
}
.cb-post__meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .6rem;
  color:var(--cb-muted);
  font-size:.95rem;
  margin-bottom:1.1rem;
}
.cb-dot{ opacity:.6; }
.cb-chip{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.35rem .6rem; border-radius:999px;
  background:var(--cb-bg); color:#222; text-decoration:none; font-weight:600;
  border:1px solid var(--cb-border);
}
.cb-chip--mini{ padding:.25rem .5rem; font-size:.9em; }

.cb-content{ color:var(--cb-text); }
.cb-content p{ margin:1rem 0; }
.cb-content h2{ font-size:clamp(1.3rem,2.2vw,1.8rem); margin:1.4rem 0 .5rem; }
.cb-content h3{ font-size:clamp(1.15rem,2vw,1.35rem); margin:1.2rem 0 .4rem; }
.cb-content h4{ font-size:1.05rem; margin:1rem 0 .3rem; }
.cb-content figure{ margin:1.2rem 0; }
.cb-content figcaption{ color:var(--cb-muted); font-size:.9rem; text-align:center; }
.cb-content blockquote{
  padding:14px 18px; background:var(--cb-bg); border-left:4px solid var(--cb-accent);
  border-radius:10px; margin:1.2rem 0;
}
.cb-content a{ color:var(--cb-primary); text-decoration:underline; }
.cb-content ul, .cb-content ol{ padding-left:1.25rem; }
.cb-content table{ width:100%; border-collapse:collapse; margin:1rem 0; }
.cb-content table td, .cb-content table th{ border:1px solid var(--cb-border); padding:.6rem .5rem; }
.cb-content .wp-block-image img{ border-radius:12px; box-shadow:var(--cb-shadow); }

.cb-content .alignwide{ margin-left:calc(50% - 50vw + 40px); margin-right:calc(50% - 50vw + 40px); }
.cb-content .alignfull{ margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
@media (max-width: 640px){
  .cb-content .alignwide, .cb-content .alignfull{ margin-left:0; margin-right:0; }
}

.cb-post__footer{ margin-top:1.2rem; }
.cb-tags{ display:flex; flex-wrap:wrap; gap:8px; }

.cb-postnav{
  display:flex; justify-content:space-between; gap:12px;
  margin-top:1.4rem; padding-top:1rem; border-top:1px solid var(--cb-border);
}
.cb-postnav a{ text-decoration:none; color:var(--cb-primary); font-weight:700; }
.cb-postnav a:hover{ text-decoration:underline; }

.cb-comments{ margin-top:2rem; }

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

/* === Single: improved H3 styling === */
.cb-content h3{
  margin: 1.6rem 0 .75rem;
  padding: .55rem .85rem .55rem 1rem;
  border-left: 6px solid var(--cb-accent);
  background: linear-gradient(to right, rgba(244,162,97,.12), rgba(244,162,97,0) 65%);
  border-radius: 10px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .2px;
  color: var(--cb-text);
  scroll-margin-top: 92px; /* avoids being hidden by sticky header when anchored */
  margin-top: 50px;
margin-bottom: 20px;
}

/* Optional subtle shadow + better contrast on light backgrounds */
.cb-content h3{
  box-shadow: 0 2px 10px rgba(0,0,0,.03);
}

/* When heading is linked/targeted (e.g. from TOC), briefly highlight */
.cb-content h3:target{
  animation: cb-h3-focus 1.4s ease 1;
}
@keyframes cb-h3-focus{
  0%   { background: rgba(244,162,97,.25); }
  100% { background: linear-gradient(to right, rgba(244,162,97,.12), rgba(244,162,97,0) 65%); }
}

/* Tighten spacing if an image or list follows immediately */
.cb-content h3 + .wp-block-image,
.cb-content h3 + ul,
.cb-content h3 + ol{
  margin-top: .6rem;
}

cite {
    font-style: normal;
    color: var(--cb-muted);
}