/* zivo-sitno — Lenis, zaglavlje, karton, izveštaj o novcu */

/* ── Lenis (preporučeni minimum) ── */
html.lenis,html.lenis body{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto!important;}
.lenis.lenis-stopped{overflow:hidden;}

/* ── zaglavlje: posle skrolovanja malo niže i sa jačom senkom ── */
.cc-head{transition:box-shadow .35s ease,background-color .35s ease;}
.cc-head-red{transition:min-height .35s cubic-bezier(.22,.7,.2,1);}
.cc-head.cc-head--mala{box-shadow:0 1px 0 rgba(19,36,52,.04),0 10px 30px rgba(19,36,52,.10);background:rgba(255,255,255,.96);}
.cc-head.cc-head--mala .cc-head-red{min-height:54px;}
@media (max-width:900px){
  html.js .cc-head--mala .cc-nav{top:54px;}
}

/* pilula koja klizi između stavki menija */
.cc-nav{position:relative;}
.cc-nav-pilula{
  position:absolute;left:0;top:0;z-index:0;pointer-events:none;
  border-radius:50px;background:#e8eff6;opacity:0;
  transition:transform .35s cubic-bezier(.22,.7,.2,1),width .35s cubic-bezier(.22,.7,.2,1),height .35s ease,opacity .25s ease;
}
.cc-nav-pilula.vidi{opacity:1;}
.cc-nav a{position:relative;z-index:1;}
@media (min-width:901px){
  .cc-nav.ima-pilulu a:not(.cc-nav-cta):not(.aktivna):hover{background:transparent;}
}
@media (max-width:900px){ .cc-nav-pilula{display:none;} }


/* ── žuti → crveni karton ── */
.karton{display:none;}
html.js .karton{
  display:flex;align-items:center;gap:20px;margin:22px 0 0;min-height:104px;max-height:120px;
}
.karton-scena{perspective:520px;width:64px;height:88px;flex:none;}
.karton-karta{
  position:relative;width:64px;height:88px;transform-style:preserve-3d;
  transform:rotate(-7deg);
}
.karton-lice{
  position:absolute;inset:0;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  box-shadow:0 2px 4px rgba(19,36,52,.14),0 12px 24px rgba(19,36,52,.18);
}
.karton-lice--zuto{background:linear-gradient(145deg,#f9d43c,#f5c518 60%,#e3b410);}
.karton-lice--crveno{background:linear-gradient(145deg,#c93030,#b02020 60%,#951818);transform:rotateY(180deg);}
.karton-lice::after{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 42%);}
.karton-desno{display:flex;flex-direction:column;gap:11px;min-width:0;}
.karton-opis{display:grid;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.74rem;letter-spacing:.04em;color:var(--mastilo-2);}
.karton-opis span{grid-area:1/1;opacity:0;}
.karton-opis span.prvi{opacity:1;}
.karton-gost{
  display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
  background:var(--bela);border:1px solid var(--linija);border-radius:50px;
  padding:6px 16px 6px 7px;box-shadow:var(--senka-1);
  font-weight:800;font-size:.9rem;color:var(--mastilo);white-space:nowrap;
}
.karton-gost i{
  font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--boja-tinta);color:var(--boja);
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.62rem;font-weight:600;
}
.karton-gost em{font-style:normal;font-weight:700;color:var(--mastilo-2);}
.karton-gost b{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:600;color:var(--boja);display:inline-block;min-width:.7em;text-align:center;}
@media (max-width:420px){
  html.js .karton{gap:14px;}
  .karton-gost{font-size:.82rem;}
  .karton-opis{font-size:.68rem;}
}

/* ── mini izveštaj o novcu ── */
.novac-izvestaj{display:none;}
html.js .novac-izvestaj{display:block;margin-bottom:clamp(28px,4vw,40px);}
.nov-kartica{
  background:var(--bela);border:1px solid var(--linija);border-radius:var(--r-l);
  box-shadow:var(--senka-2);padding:clamp(20px,3vw,32px);
}
.nov-oznaka{
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.7rem;font-weight:600;
  letter-spacing:.15em;text-transform:uppercase;color:var(--mastilo-2);
  display:flex;align-items:center;gap:9px;margin-bottom:22px;
}
.nov-oznaka::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--prodaja);}
.nov-kpi{display:grid;grid-template-columns:1fr;gap:18px;padding-bottom:26px;border-bottom:1px solid var(--linija);}
@media (min-width:760px){
  .nov-kpi{grid-template-columns:repeat(3,1fr);gap:0;}
  .nov-kpi>div{padding:0 26px;border-left:1px solid var(--linija);}
  .nov-kpi>div:first-child{padding-left:0;border-left:0;}
}
@media (max-width:759px){
  .nov-kpi>div+div{padding-top:16px;border-top:1px solid var(--linija);}
}
.nov-kpi small{display:block;font-weight:700;font-size:.86rem;color:var(--mastilo-2);margin-bottom:4px;}
.nov-vrednost{
  font-family:'Archivo',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.05;
  font-size:clamp(1.65rem,3.2vw,2.5rem);color:var(--mastilo);font-variant-numeric:tabular-nums;
}
.nov-vrednost span{
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:500;font-size:.38em;
  letter-spacing:.04em;color:var(--mastilo-2);margin-left:.4em;
}
.nov-kpi .neto .nov-vrednost{color:var(--prodaja);}
.nov-cip{
  display:inline-block;margin-top:9px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.7rem;font-weight:600;
  color:#1d7a3a;background:rgba(45,122,58,.10);border-radius:50px;padding:4px 11px;
}
.nov-stubici{padding-top:24px;}
.nov-stubici h3{
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.7rem;font-weight:600;
  letter-spacing:.15em;text-transform:uppercase;color:var(--mastilo-2);margin-bottom:16px;
}
.nov-red{display:grid;grid-template-columns:74px 1fr 46px;align-items:center;gap:12px;padding:6px 0;}
@media (min-width:600px){ .nov-red{grid-template-columns:96px 1fr 52px;} }
.nov-red span{font-weight:800;font-size:.92rem;}
.nov-staza{height:12px;border-radius:50px;background:var(--podloga-2);overflow:hidden;}
.nov-staza i{display:block;height:100%;border-radius:50px;transform-origin:left center;}
.nov-red b{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.82rem;font-weight:600;text-align:right;color:var(--mastilo);}

/* ── na vrh (samo telefon/tablet) ── */
.cc-na-vrh{
  position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;
  width:48px;height:48px;border:0;border-radius:50%;padding:0;cursor:pointer;
  display:none;align-items:center;justify-content:center;
  background:var(--plava,#2a5080);color:#fff;box-shadow:0 6px 20px rgba(19,36,52,.28);
  opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;
  transition:opacity .25s ease,transform .25s ease;-webkit-tap-highlight-color:transparent;
}
.cc-na-vrh.vidljiv{opacity:1;transform:none;pointer-events:auto;}
.cc-na-vrh:active{transform:scale(.92);}
.cc-na-vrh:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px var(--plava,#2a5080);}
@media (max-width:900px){ .cc-na-vrh{display:flex;} }
@media (prefers-reduced-motion:reduce){ .cc-na-vrh{transition:none;} }