/* NUIT - Strip navigacija */
.nuit-strip-nav{margin:10px 0 8px;clear:both}
.nuit-strip-nav .nuit-sn-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nuit-strip-nav .nuit-sn-side{display:flex;gap:6px;flex:0 0 auto}
.nuit-strip-nav .nuit-sn-mid{flex:1 1 0;min-width:0;display:flex;justify-content:center;align-items:center;gap:6px;overflow:hidden}
body .nuit-strip-nav a,body .nuit-strip-nav .current,body .nuit-strip-nav .nuit-sn-ph,.nuit-strip-nav .nuit-sn-count,body .nuit-strip-nav .nuit-sn-dice{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-width:36px;height:36px;padding:0 11px;border-radius:3px;font-size:13px;line-height:1;text-decoration:none;white-space:nowrap}
body .nuit-strip-nav a,body .nuit-strip-nav .nuit-sn-dice{color:inherit;border:1px solid rgba(128,128,128,.3);background:transparent;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
/* Enfold gasi klikove i kursor na linkovima unutar .big-preview.single-big; ovaj selektor ih vraća. */
#top.single-post .big-preview.single-big .nuit-strip-nav a{pointer-events:auto;cursor:pointer}
body .nuit-strip-nav a:hover,body .nuit-strip-nav a:focus-visible,body .nuit-strip-nav .nuit-sn-dice:hover,body .nuit-strip-nav .nuit-sn-dice:focus-visible{border-color:#000;background:#000;color:#fff}
body .nuit-strip-nav .current{border:1px solid #000;background:transparent;color:#000;font-weight:700;cursor:default}
body .nuit-strip-nav .nuit-sn-ph{border:1px solid rgba(128,128,128,.3);opacity:.35;cursor:default}
body .nuit-strip-nav .nuit-sn-item{flex:0 0 auto;max-width:min(200px,100%);overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:34px}
body .nuit-strip-nav:not(.nuit-sn-js) .nuit-sn-far,body .nuit-strip-nav .nuit-sn-off{display:none}
.nuit-strip-nav .nuit-sn-count{display:none;opacity:.7}
body .nuit-strip-nav .nuit-sn-dice{padding:0;width:36px;margin:0;font:inherit}
body .nuit-strip-nav .nuit-sn-dice[hidden]{display:none}
.nuit-strip-nav .nuit-sn-dice svg{display:block;width:16px;height:16px}
.nuit-strip-nav .nuit-sn-dice.is-rolling svg{animation:nuit-sn-spin .5s ease-out}
@keyframes nuit-sn-spin{from{transform:rotate(-360deg)}to{transform:none}}
/* pročitani u navigaciji: kvačica i prigušeno */
body .nuit-strip-nav a.nuit-sn-read{color:rgba(0,0,0,.55)}
body .nuit-strip-nav a.nuit-sn-read::before{content:"";display:inline-block;width:4px;height:8px;margin:0 8px -1px 1px;border:solid #2e7d32;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
body .nuit-strip-nav a.nuit-sn-read:hover,body .nuit-strip-nav a.nuit-sn-read:focus-visible{color:#fff}
body .nuit-strip-nav a.nuit-sn-read:hover::before,body .nuit-strip-nav a.nuit-sn-read:focus-visible::before{border-color:#fff}
/* „Pročitano“ samo za čitač ekrana */
.nuit-strip-nav .nuit-sn-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Riječ uz ‹ i › bez vlastitog mjesta u flexu, da razmak ostane običan razmak. */
.nuit-strip-nav .nuit-sn-word{display:contents}
/* Mobitel: ‹ Prethodni, broj, Sljedeći ›, » najnoviji i kocka; prvi (« ) ostaje samo na računalu. Kad broj ne stane
   (JS doda nuit-sn-tight; bez JS-a ispod 360 px), ‹ i › ostaju bez riječi. */
@media (max-width:600px){
.nuit-strip-nav .nuit-sn-row{gap:6px}
body .nuit-strip-nav .nuit-sn-mid .nuit-sn-item{display:none}
.nuit-strip-nav .nuit-sn-count{display:inline-flex;padding:0 4px}
body .nuit-strip-nav .first{display:none}
.nuit-strip-nav.nuit-sn-tight .nuit-sn-word{display:none}
}
@media (max-width:359px){
.nuit-strip-nav:not(.nuit-sn-js) .nuit-sn-word{display:none}
}

/* povlačenje prstom */
.nuit-sn-swipe{position:relative}
.nuit-sn-leaving{transition:transform .18s ease-out,opacity .18s ease-out;opacity:.35}
.nuit-sn-leaving.to-left{transform:translateX(-28px)}
.nuit-sn-leaving.to-right{transform:translateX(28px)}
/* Iznad slike stripa: Enfold joj daje z-index 4 (.big-preview img). */
.nuit-sn-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:5;padding:7px 14px;border-radius:99px;background:rgba(20,20,20,.82);color:#fff;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;transition:opacity .6s}
.nuit-sn-hint.is-gone{opacity:0}

/* Čitaj dalje */
.nuit-sn-more{clear:both;margin:28px 0 8px;padding-top:20px;border-top:1px solid rgba(128,128,128,.25)}
/* Iza Vitomira (on ima 20 px ispod sebe) crta je jednako daleko od njega kao od naslova ispod. */
.nuit-lajk + .nuit-sn-more{margin-top:0}
.nuit-sn-more .nuit-sn-more-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin:0 0 14px}
/* Debljina i razmak slova kao naslov „Platforme i standardi“ (.nuit-chips-title) na stranicama usluga. */
body .nuit-sn-more .nuit-sn-more-h{margin:0;padding:0;font-weight:400;letter-spacing:normal}
.nuit-sn-more .nuit-sn-progress{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#777;font-variant-numeric:tabular-nums}
.nuit-sn-more .nuit-sn-progress[hidden]{display:none}
.nuit-sn-more .nuit-sn-progress::before{content:"";width:90px;height:5px;border-radius:9px;background:linear-gradient(90deg,#2e7d32 var(--nuit-sn-pct,0%),rgba(128,128,128,.25) 0);opacity:.75}
.nuit-sn-more .nuit-sn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nuit-sn-more .nuit-sn-cell{display:flex;flex-direction:column;min-width:0}
body .nuit-sn-more a.nuit-sn-card{display:flex;flex-direction:column;gap:3px;min-width:0;color:inherit;text-decoration:none}
/* Sličica: naslov i prvi red kadrova (Medium 600 × 808, izrez na 297 redaka; zrak gore dvostruko od bočnog ruba, dolje kao bočni; podloga je boje ruba stripa, inline); isti izrez za
   masonry je u inline stilu nuit-strip-nav-thumbs u nuit-strip-nav.php. */
.nuit-sn-thumb{display:block;box-sizing:border-box;max-width:100%;padding:2% 0 .667%;overflow:hidden;background:#fff}
.nuit-sn-thumb picture{display:contents}
.nuit-sn-thumb img{display:block;width:100%;height:auto;max-width:none;margin:0;aspect-ratio:600/297;object-fit:cover;object-position:50% 0}
.nuit-sn-more .nuit-sn-thumb{position:relative;margin:0 0 8px}
body .nuit-sn-more .nuit-sn-thumb img{padding:0;border:0;border-radius:0;transition:transform .3s ease-out}
/* Obrub oko sličice je ::after, s 1 px bijelog iznutra, da ostane iznad stripa i odvojen od njega kad se pri hoveru
   malo poveća. Enfoldov bijeli sloj pri hoveru je isključen klasom noHover na kartici. */
.nuit-sn-more .nuit-sn-thumb{border-radius:3px}
.nuit-sn-more .nuit-sn-thumb::after{content:"";position:absolute;inset:0;z-index:1;border:1px solid rgba(128,128,128,.3);border-radius:3px;box-shadow:inset 0 0 0 1px #fff;pointer-events:none;transition:border-color .15s}
body .nuit-sn-more a.nuit-sn-card:hover .nuit-sn-thumb::after{border-color:rgba(0,0,0,.45)}
body .nuit-sn-more a.nuit-sn-card:hover .nuit-sn-title,body .nuit-sn-more a.nuit-sn-card:focus-visible .nuit-sn-title,body .nuit-sn-more a.nuit-sn-card:hover .nuit-sn-num,body .nuit-sn-more a.nuit-sn-card:focus-visible .nuit-sn-num{color:#000}
body .nuit-sn-more a.nuit-sn-card:hover .nuit-sn-thumb img{transform:scale(1.04)}
body .nuit-sn-more a.nuit-sn-card:focus-visible{outline:2px solid currentColor;outline-offset:-2px} /* unutra: Enfoldov wrapper reže sve izvan (overflow:hidden) */
.nuit-sn-more .nuit-sn-why{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8c8c8c}
.nuit-sn-more .nuit-sn-title{font-size:16px;font-weight:700;line-height:1.25;color:#555;overflow-wrap:anywhere;transition:color .15s}
.nuit-sn-more .nuit-sn-meta{display:block;overflow:hidden;font-size:12px;color:#8c8c8c;font-variant-numeric:tabular-nums}
/* „Nastavak: 1153/31 – datum“: dijelovi se ne lome iznutra, a crtica ispred dijela pada lijevo izvan reza kad dio
   počinje redak, pa u uskoj kartici ne visi na kraju prvog retka. */
.nuit-sn-more .nuit-sn-in{display:block;margin-left:-.75em}
.nuit-sn-more .nuit-sn-part{white-space:nowrap}
.nuit-sn-more .nuit-sn-part::before{content:"–";display:inline-block;width:.75em}
.nuit-sn-more .nuit-sn-num{transition:color .15s}
.nuit-sn-more .is-read .nuit-sn-thumb img{filter:grayscale(.7);opacity:.6}
/* Kartica bez slike: oznaka stoji uz razlog. */
.nuit-sn-more .nuit-sn-why .nuit-sn-badge{position:static;margin-left:8px;letter-spacing:0;text-transform:none}
.nuit-sn-more .nuit-sn-badge{position:absolute;top:7px;left:7px;z-index:2;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.94);color:#2e7d32;font-size:11px;font-weight:700;line-height:1.5}
/* Na mobitelu jedna ispod druge, preko cijele širine, kao Enfoldovi stupci. */
@media (max-width:600px){
.nuit-sn-more .nuit-sn-cards{grid-template-columns:minmax(0,1fr);gap:22px}
}
@media (prefers-reduced-motion:reduce){
.nuit-strip-nav .nuit-sn-dice.is-rolling svg{animation:none}
.nuit-sn-leaving,.nuit-sn-more .nuit-sn-thumb::after,.nuit-sn-more .nuit-sn-title,.nuit-sn-more .nuit-sn-num,body .nuit-sn-more .nuit-sn-thumb img,.nuit-sn-hint{transition:none}
}