/* Iza baneri: sekcija „Prijatelji portala”. Ne zavisi od Additional CSS-a ni od teme. */
.iz-prijatelji{
  --gap:20px;
  --n:var(--iz-rac,4);
  box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:36px 0 40px;
  grid-column:1 / -1; /* ColorMag ponekad slaže sadržaj u mrežu; sekcija uvek zauzima ceo red */
}
.iz-prijatelji *,.iz-prijatelji *::before,.iz-prijatelji *::after{box-sizing:border-box}
@media (max-width:1099px){.iz-prijatelji{--gap:16px}}
@media (max-width:1023px){.iz-prijatelji{--n:min(var(--iz-tab,2),var(--iz-broj,2))}}
@media (max-width:899px){.iz-prijatelji{padding-left:16px;padding-right:16px}}
@media (max-width:599px){.iz-prijatelji{--n:min(var(--iz-tel,1),var(--iz-broj,1));padding-top:28px;padding-bottom:30px}}

.iz-prijatelji__vrh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;border-bottom:1px solid #e4e7e6;padding-bottom:12px;margin-bottom:18px}
.iz-prijatelji__vrh h2{white-space:nowrap;margin:0!important;padding:0!important;font:700 22px/1.3 "IBM Plex Serif",Georgia,serif!important;color:#063d36!important;border:0!important;background:none!important}
.iz-prijatelji__vrh h2::before{content:"•";color:#086151;margin-right:8px}
.iz-prijatelji__desno{display:flex;align-items:center;gap:12px;margin-left:auto}
.iz-prijatelji__oznaka{font:500 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#5f6864;white-space:nowrap}
@media (max-width:599px){
  .iz-prijatelji__vrh h2{font-size:19px!important}
  .iz-prijatelji__oznaka{font-size:10px}
}

.iz-prijatelji__kontrole{display:flex;gap:6px}
.iz-prijatelji__kontrole[hidden]{display:none}
.iz-prijatelji__dugme{width:34px;height:34px;min-width:34px;border-radius:50%;border:1px solid #c9d1ce;background:#fff;color:#063d36;display:grid;place-items:center;padding:0;margin:0;cursor:pointer;box-shadow:none;line-height:0}
.iz-prijatelji__dugme:hover{border-color:#086151;background:#f1f7f5;color:#063d36}
.iz-prijatelji__dugme:focus-visible{outline:2px solid #086151;outline-offset:2px}
.iz-prijatelji__dugme svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.iz-prijatelji__pauza .iz-ik-pusti{fill:currentColor;stroke:none}
.iz-prijatelji__pauza .iz-ik-pusti,.iz-prijatelji.je-pauzirano .iz-prijatelji__pauza .iz-ik-pauza{display:none}
.iz-prijatelji.je-pauzirano .iz-prijatelji__pauza .iz-ik-pusti{display:block}

.iz-prijatelji__okvir{position:relative}
.iz-prijatelji__traka{list-style:none!important;margin:0!important;padding:0!important;display:flex;gap:var(--gap);
  /* bez JavaScripta: obična traka koja se pomera prstom ili trakom za pomeranje */
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.iz-prijatelji__stavka{flex:0 0 calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));margin:0!important;padding:0!important;scroll-snap-align:start;list-style:none!important}
/* manje partnera nego mesta na računaru: iste kartice, ravnomerno raspoređene, ista visina sekcije */
@media (min-width:1024px){.iz-prijatelji.je-manje .iz-prijatelji__traka{justify-content:space-evenly}}
.iz-prijatelji__stavka::before,.iz-prijatelji__stavka::marker{content:none!important}
.iz-prijatelji__baner{display:block;position:relative;aspect-ratio:6/5;border-radius:8px;overflow:hidden;border:1px solid #e1e5e3;background:#f2f4f3;line-height:0;text-decoration:none!important}
.iz-prijatelji__baner img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;margin:0!important;border-radius:0!important}
.iz-prijatelji__baner:focus-visible{outline:2px solid #086151;outline-offset:3px}

/* bez JavaScripta slika sa data-src nema adresu, pa se sakriva; prikazuje se ona iz <noscript> */
.iz-prijatelji:not(.iz-js) img[data-src]{display:none}

/* sa JavaScriptom: kružni slajder */
.iz-prijatelji.iz-js .iz-prijatelji__okvir{overflow:hidden;touch-action:pan-y}
.iz-prijatelji.iz-js .iz-prijatelji__traka{overflow:visible;scroll-snap-type:none;will-change:transform}
.iz-prijatelji.iz-js .iz-prijatelji__traka.je-animirano{transition:transform .6s cubic-bezier(.4,0,.2,1)}
.iz-prijatelji.iz-js.je-vucenje .iz-prijatelji__baner{pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .iz-prijatelji.iz-js .iz-prijatelji__traka.je-animirano{transition:none}
}