/* srdjan 2026-10-19 - modul Istaknuto: traka obavijesti (puna, žuta, jedna po jedna) i banner s rokom */
.ist-ob{background:#eef0f2;border-block:1px solid #d9dde2;color:#2b3138}   /* srdjan 2026-10-19 - korisnik: „probaj neku sivkastu za pozadinu” (bilo žuto #fff4d6) */
.ist-ob-unutra{max-width:var(--tz-sirina,1320px);margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:16px}
.ist-ob-oz{flex:none;display:inline-flex;align-items:center;gap:8px;font:700 12.5px/1 var(--tz-font,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#5b6570}
.ist-ob-oz svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ist-ob-niz{position:relative;flex:1;min-width:0;min-height:1.5em}
.ist-ob-st{position:absolute;inset:0 auto auto 0;width:100%;margin:0;font:500 15px/1.5 var(--tz-font,system-ui);opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.ist-ob-st.aktivno{opacity:1;transform:none;pointer-events:auto;position:relative}
.ist-ob-st a{color:inherit;text-decoration:none}.ist-ob-st a:hover{text-decoration:underline}
.ist-ob-str{flex:none;display:flex;gap:4px}
.ist-ob-str button{width:30px;height:30px;border-radius:50%;border:1px solid #cdd2d8;background:#f8f9fa;color:#3d454e;font-size:18px;line-height:1;cursor:pointer}
@media (max-width:700px){.ist-ob-unutra{flex-wrap:wrap;gap:6px 10px;padding:10px 15px}.ist-ob-niz{flex-basis:100%;order:3}.ist-ob-st{white-space:normal;font-size:14.5px}.ist-ob-str{margin-left:auto}}
.ist-ban{position:relative;height:clamp(300px,34vw,440px);border-radius:24px;overflow:hidden;background:#1d2b33;box-shadow:0 20px 50px rgba(0,0,0,.14)}
.ist-ban-st{position:absolute;inset:0;color:#fff;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}
.ist-ban-st.aktivno{opacity:1;visibility:visible}
.ist-ban-st img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.ist-ban-st:hover img{transform:scale(1.04)}
.ist-ban-st::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.35) 50%,rgba(0,0,0,0) 80%)}
.ist-ban-tx{position:absolute;z-index:1;left:clamp(22px,5vw,60px);bottom:clamp(22px,4vw,48px);max-width:min(620px,85%);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ist-ban-oz{font:600 12.5px/1 var(--tz-font,system-ui);letter-spacing:.14em;text-transform:uppercase;background:var(--tz-crvena,#d1232a);padding:8px 12px;border-radius:999px}
.ist-ban-nas{font:900 clamp(1.9rem,4.2vw,3.6rem)/1.02 'Roboto',system-ui,sans-serif;letter-spacing:-1px;text-shadow:0 4px 24px rgba(0,0,0,.3)}
.ist-ban-dat{font:500 clamp(15px,1.4vw,18px)/1.4 'Roboto',system-ui,sans-serif;color:rgba(255,255,255,.92)}
.ist-ban-gumb{font:600 15px/1 var(--tz-font,system-ui);color:#1d1d1f;background:#fff;padding:13px 20px;border-radius:999px}
@media (max-width:700px){.ist-ban{border-radius:18px;height:360px}.ist-ban-st::after{background:linear-gradient(0deg,rgba(0,0,0,.78) 0,rgba(0,0,0,.25) 60%,rgba(0,0,0,0) 100%)}}
/* srdjan 2026-10-19 - bez bannera naslov „Događanja” je lijepio za traku → malo razmaka ispod trake */
.ist-ob{margin-bottom:24px}@media (max-width:700px){.ist-ob{margin-bottom:14px}}