/* ============================================================
   hero-bignums.css — pojas „tri velika broja" ispod trake triptiha
   na /zakon/, /incident/, /pomoc/. Portovano iz alat-zakon.css .zkn-bignums
   (signaturni obrazac iz design_handoff_zakon v2), sad deljeno preko partial
   templates/partials/hero-bignums.php. Klase zadržavaju istorijski `.zkn-`
   prefiks zbog CSS-a koji je izvorno bio route-scoped.
   Uključuje se preko extra_css u sve tri triptih rute.
   ============================================================ */

.zkn-bignums{ background:#0c0c0a; border-bottom:1px solid var(--al-line); }
.zkn-bignums__inner{
  max-width:var(--container-wide); margin:0 auto; padding:0 28px;
  display:grid; grid-template-columns:repeat(3,1fr);
}
.zkn-bignum{
  padding:26px 30px 28px; border-left:1px solid var(--al-line);
  display:flex; flex-direction:column; gap:6px;
}
.zkn-bignum:first-child{ border-left:0; }
.zkn-bignum__k{
  font-family:var(--font-mono); font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--al-mute-text); display:flex; align-items:center; gap:8px;
}
.zkn-bignum__k::before{
  content:""; width:5px; height:5px; background:var(--al-brand);
  clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);
}
.zkn-bignum__v{
  font-family:var(--font-mono); font-weight:600; font-size:clamp(30px,3.6vw,44px);
  line-height:1; letter-spacing:-.03em; color:var(--al-hi); font-variant-numeric:tabular-nums;
}
.zkn-bignum__v .u{ font-size:.42em; color:var(--al-accent-text); letter-spacing:.02em; margin-left:6px; }
.zkn-bignum__d{ font-size:13px; line-height:1.5; color:var(--al-lo); max-width:34ch; }
.zkn-bignum--sig .zkn-bignum__v{ color:var(--al-brand-text); }

@media (max-width:760px){
  .zkn-bignums__inner{ grid-template-columns:1fr; }
  .zkn-bignum{ border-left:0; border-top:1px solid var(--al-line); }
  .zkn-bignum:first-child{ border-top:0; }
}

/* Light tema — svetla papir pozadina, ista boja teksta preko --al-* tokena */
html[data-theme="light"] .zkn-bignums{ background:#e9e7de; }

/* Meki prelaz pri promeni teme (zajednički sa route CSS-om) */
html.theme-anim .zkn-bignums,
html.theme-anim .zkn-bignums *{
  transition:background-color .28s ease, border-color .28s ease, color .22s ease;
}