/* Dodaci teme izvan skice: WP specifičnosti, placeholder oglasi, editor, sitnice. */
.skip{position:absolute;left:-999px;top:8px;background:var(--navy);color:#fff;padding:10px 14px;z-index:999;border-radius:var(--r)}
.skip:focus{left:8px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}

/* Oglasna mjesta (005, inc/ads.php): sadržaj određuje veličinu; mjesto ne smije razvući stranicu */
.ad-slot{max-width:100%;overflow:hidden;text-align:center}
.ad-slot[data-ad-pending],[data-ad-wrap]:has(>.ad-slot[data-ad-pending]){display:none}
/* AdSense bez oglasa (data-ad-status="unfilled") ne ostavlja praznu plohu – skriva se mjesto s omotom (27.10.2026.) */
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]),[data-ad-wrap]:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none}
.ad-slot img{max-width:100%;height:auto}
.ad-slot--outline{border:1px dashed #9aa6bf;border-radius:var(--r);color:var(--ink-3);font-size:var(--fs-2xs);padding:8px 12px}
.ad-slot--outline a{color:var(--blue);margin-left:6px}
.ad-wrap{padding-top:28px}
.ad-wrap+.rows{padding-top:28px}
/* Oglas između dviju sekcija naslovnice: razmak kao između sekcija (Hrc 27.10.2026.: banner naslonjen na Crnu kroniku).
   Iza obične sekcije njezin donji razmak je dovoljan; iza i ispred sekcije s pozadinom (crna, mist, plava U fokusu, Sekcija → podloga) razmak je izvan pozadine
   (Hrc 28.10.2026.: banner naslonjen na U fokusu). */
.sec+:is(.ad-wrap,.izdv-wrap){padding-top:0}
.sec:is(.crna,.mist,.focus,.sec--dark,.sec--blue)+:is(.ad-wrap,.izdv-wrap){padding-top:var(--sec)}
:is(.ad-wrap,.izdv-wrap):has(+.sec:is(.crna,.mist,.focus,.sec--dark,.sec--blue)){padding-bottom:var(--sec)}
/* Oglas desno uz sekciju: bez oglasa za ovaj uređaj (ui.js makne <aside>) – sadržaj preko cijele širine */
.with-ad:not(:has(>aside)){grid-template-columns:minmax(0,1fr)}
:is(.top-grid,.sisak-row) .ad-wrap{padding-top:0}
.art-ad{margin:24px 0}
.art-ad--related{margin-bottom:0}
.body .art-ad--in{margin:28px 0}
.arch-side>[data-ad-wrap]:first-child,.art-side>[data-ad-wrap]:first-child{margin-bottom:24px}
/* Vlastita slika na oglasnom mjestu (Sisak_Ads::image_html): bez JS-a, neutralni omot; uređaj kroz klase */
.izdv{max-width:100%;overflow:hidden;text-align:center}
.izdv img{display:inline-block;max-width:100%;height:auto;vertical-align:top}
.izdv-label{font-size:var(--fs-xs);color:var(--ink-3);text-align:center;margin:0 0 6px}
.izdv-wrap{padding-top:28px}
.izdv-wrap+.rows{padding-top:28px}
:is(.top-grid,.sisak-row) .izdv-wrap{padding-top:0}
.izdv-sticky{position:sticky;top:64px}
.izdv-art{margin:24px 0}
.izdv-art--related{margin-bottom:0}
.body .izdv-art--in{margin:28px 0}
.izdv-inline{margin:22px 0}
.arch-side>[data-izdv]:first-child,.art-side>[data-izdv]:first-child{margin-bottom:24px}
@media (max-width:820px){.izdv-d{display:none!important}}
@media (min-width:821px){.izdv-m{display:none!important}}
.ad-demo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0 auto;max-width:100%;color:#fff;font-family:var(--ff-n);font-size:var(--fs-sm);text-align:center;border-radius:4px;overflow:hidden}
.ad-demo b{font-size:var(--fs-base);letter-spacing:.05em}
.ad-demo small{opacity:.85}

/* Dvije mist sekcije zaredom: bez duplog razmaka */
.sec.mist+.sec.mist{padding-top:0}
.sec.galerije.mist+.sec.grad.mist .city{margin-top:0}

/* Kicker kao link na članku */
.art-head a.kicker:hover{text-decoration:underline}
.share button.ok{background:var(--green);color:#fff}

/* Rubrika: podrubrike unutar sekcije (pills) */
.sec.rubrika .chips{margin:-8px 0 22px}

/* Sadržaj članka: WP blokovi */
.body>*{max-width:100%}
.body .wp-block-image img,.body .wp-block-gallery img{border-radius:var(--r)}
.body .wp-block-gallery{margin:28px 0}
.body figure figcaption{font-size:var(--fs-xs);color:var(--ink-3);margin-top:8px}
.body .wp-block-embed{margin:28px 0}
.body .wp-block-quote,.body blockquote{border-left:4px solid var(--cat,var(--blue));padding:6px 0 6px 20px;margin:28px 0;font-size:var(--fs-lg);line-height:1.4}
.body .wp-block-quote cite,.body blockquote cite{display:block;font-size:var(--fs-sm);color:var(--ink-3);font-style:normal;margin-top:8px}
/* Klasični sadržaj (uvezene vijesti): ništa ne smije biti šire od stupca – slike s width/height atributima,
   [caption] s inline širinom, tablice rezultata, iframe (YouTube, karte), dugi linkovi */
.body{overflow-wrap:break-word}
/* :where – jačina kao globalni img, da pravila pluginova (ikone vremena) i kartica (.ph img) i dalje vrijede */
:where(.body) img{width:auto;height:auto;max-width:100%;object-fit:initial}
.body .wp-block-image img{width:100%}
.body :is(figure,.wp-caption,video,audio,embed,object){max-width:100%}
.body iframe{max-width:100%}
/* Samo klasični sadržaj; blok Embed ima svoj omjer (.wp-has-aspect-ratio) */
:is(.body,.body p)>iframe:is([src*="youtube"],[src*="youtu.be"],[src*="vimeo"]){width:100%;height:auto;aspect-ratio:16/9}
.body table{max-width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin:1.6em 0}
.body :is(td,th){padding:6px 10px;border-bottom:1px solid #e3e7ef;vertical-align:top}
.body .alignleft{float:left;margin:4px 20px 12px 0}
.body .alignright{float:right;margin:4px 0 12px 20px}
.body .aligncenter{display:block;margin-inline:auto}
.body .gallery{--gc:3;display:grid;grid-template-columns:repeat(var(--gc),minmax(0,1fr));gap:8px;margin:1.6em 0;align-items:start}
/* [gallery]: broj stupaca iz postavki galerije (editor), pločice jednake (kvadrat) bez obzira na odabranu veličinu;
   puna slika otvara se u lightboxu (inc/gallery.php, inc/lightbox.php). */
.body .gallery-columns-1{--gc:1}.body .gallery-columns-2{--gc:2}.body .gallery-columns-3{--gc:3}.body .gallery-columns-4{--gc:4}.body .gallery-columns-5{--gc:5}.body .gallery-columns-6{--gc:6}.body .gallery-columns-7{--gc:7}.body .gallery-columns-8{--gc:8}.body .gallery-columns-9{--gc:9}
.body .gallery br{display:none}
.body .gallery-item{margin:0}
.body .gallery-item img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--r);background:var(--mist)}
.body .gallery-caption{margin-top:6px;font-size:var(--fs-xs);line-height:1.35;color:var(--ink-3)}
.body .gallery-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:1.6em 0 12px;font-size:var(--fs-xl)}
.body .gallery-h small{font-family:var(--ff);font-size:var(--fs-sm);font-weight:400;color:var(--ink-3)}
.body .gallery-h+:is(.gallery,.wp-block-gallery){margin-top:0}
@media (max-width:560px){
  /* Mobitel: najviše 3 stupca */
  .body .gallery:not(.gallery-columns-1):not(.gallery-columns-2){--gc:3}
  .body :is(.alignleft,.alignright){float:none;margin:1.2em 0}
  /* Široka tablica rezultata: skrolanje unutar tablice, ne cijele stranice (samo mobitel – block gubi semantiku u Safariju) */
  .body table{display:block;overflow-x:auto}
}

/* Paginacija */
.pager{display:flex;flex-wrap:wrap;gap:6px;margin-top:40px}
.pager .nav-links{display:flex;flex-wrap:wrap;gap:6px}
.pager .page-numbers{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--r);border:1px solid #d7dde8;font-weight:700;font-size:var(--fs-sm)}
.pager .page-numbers.current{background:var(--navy);color:#fff;border-color:var(--navy)}
.pager .page-numbers.dots{border:0}
/* „Prikaži više” (sisak_pager, ui.js): samo mobitel i samo kad ga JS veže (.js-more); bez JS-a brojevi stranica */
.pager-box .more{display:none}
@media (max-width:820px){
  .pager-box:is(.js-more,.js-done) .pager{display:none}
  .pager-box.js-more .more{display:flex;justify-content:center;width:100%;min-height:48px;margin-top:32px}
  .pager-box .more[disabled]{opacity:.6;cursor:progress}
}

/* Alert traka servisnih obavijesti: između masta i navbara, puna širina; točka u boji vrste (--sc iz [data-t]) */
.alerts .lab i{background:var(--sc,var(--red))}
/* Žuta = servisna upozorenja (zadano); crvena = Važno / Hitno (.alerts--urgent; stavka u „+N” s data-urgent) – Hrc 24.10. */
.alerts{background:#ffd23f;color:var(--navy)}
.alerts .lab{background:#fff;color:#7a4b00}
.alerts .main small{color:inherit;opacity:.75}
.alerts .tog{background:rgba(19,31,73,.1);color:inherit}
.alerts .tog:hover{background:rgba(19,31,73,.18)}
.alerts .panel a{background:rgba(255,255,255,.6);color:var(--navy)}
.alerts .panel a:hover{background:#fff}
.alerts .panel b{color:inherit}
.alerts .panel small{color:inherit;opacity:.75}
.alerts .al-x{background:rgba(19,31,73,.1)}
.alerts .al-x:hover{background:rgba(19,31,73,.2)}
.alerts .al-x:focus-visible{outline-color:var(--navy)}
.alerts .panel a[data-urgent]{background:var(--red);color:#fff}
.alerts .panel a[data-urgent] small{opacity:1}
/* Fokus tipkovnicom: globalni žuti obrub (#ffbf00) se na žutoj traci ne vidi */
.alerts :is(a,button):focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.alerts--urgent :is(a,button):focus-visible{outline-color:#fff}
.alerts--urgent .main small,.alerts--urgent .panel small{opacity:1} /* kontrast ≥ 4,5:1 na crvenoj */
.alerts--urgent{background:var(--red);color:#fff}
.alerts--urgent .lab{color:var(--red)}
.alerts--urgent .lab i{background:var(--red)}
.alerts--urgent .tog,.alerts--urgent .al-x{background:rgba(0,0,0,.18)}
.alerts--urgent .tog:hover,.alerts--urgent .al-x:hover{background:rgba(0,0,0,.3)}
.alerts--urgent .al-x:focus-visible{outline-color:#fff}
.alerts--urgent .panel a{background:rgba(0,0,0,.16);color:#fff}
.alerts--urgent .panel a:hover{background:rgba(0,0,0,.26)}
.alerts--urgent .panel a[data-urgent]{background:rgba(0,0,0,.28)}
.alerts .main small{white-space:nowrap}
/* × – sakrij traku (dok se obavijesti ne promijene) */
.alerts .al-x{flex:none;width:32px;height:32px;margin-left:auto;border:0;border-radius:50%;color:inherit;display:grid;place-items:center;cursor:pointer}
.alerts .al-x:focus-visible{outline-width:2px;outline-style:solid;outline-offset:2px}
.alerts .main+.al-x,.alerts .tog+.al-x{margin-left:0}
@media (max-width:560px){
  .alerts .bar{flex-wrap:wrap;row-gap:6px}
  .alerts .main{flex-basis:100%;order:2}
  .alerts .tog{margin-left:auto}
  .alerts .main+.al-x{margin-left:auto} /* bez „+N”: × desno u prvom retku (tekst ide u drugi) */
  .alerts .panel a{grid-template-columns:1fr auto}
  .alerts .panel b{grid-column:1/-1}
}

/* ===== Raspored naslovnice: blok Dva stupca (sisak/dva-stupca) i core Columns (.sisak-row) ===== */
.top-grid{grid-template-columns:minmax(0,1fr) var(--sb,300px);gap:var(--row-gap,36px)}
.top-grid>.main{display:flex;flex-direction:column;gap:var(--sec);min-width:0}
.bb+.rows,.home-root>.rows:first-child{padding-top:28px}
/* Moduli unutar stupca: bez vlastitog .wrap i vertikalnog razmaka sekcije (to daje stupac) */
:is(.top-grid,.sisak-row) :is(.wrap){max-width:none;margin:0;padding:0}
:is(.top-grid,.sisak-row) :is(.sec,.top){padding:0;background:none}
/* Sidebar: zadnji modul prati skrolanje do kraja reda (bez margin-top:auto – element na dnu ne može biti sticky) */
.top-grid.is-sticky-last>.side>:last-child{position:sticky;top:64px}
.side .bb{padding-top:0}
/* Sticky oglas (atribut bloka Oglas) */
.ad-sticky{position:sticky;top:64px}
@media (max-width:1100px){
  .top-grid.sb-hide-m>.side{display:none}
  .side .bb{display:none}
  .top-grid.is-sticky-last>.side>:last-child,.ad-sticky,.izdv-sticky{position:static}
}
/* Oglasi i vlastiti banneri nikad ne prate skrolanje (vlasnik 28.10.2026.: sticky banner prelazi preko oglasa iznad;
   ranije dogovoreno „bez ljepljivih oglasa”). Ostali moduli u bočnom stupcu i dalje smiju pratiti. */
.ad-sticky,.izdv-sticky,:is(.art-side,.arch-side,.ev-side) .sticky,.sticky-ad,.top-grid.is-sticky-last>.side>:is([data-ad-wrap],[data-izdv],.ad-wrap,.izdv-wrap):last-child{position:static}
/* Naslovnica: korijenski core Columns/Group u širini .wrap (blokovi teme nose .wrap sami) */
.home-root>:is(.wp-block-columns,.wp-block-group):not(.alignfull){max-width:var(--wrap);margin:var(--sec) auto;padding:0 20px}
.sisak-row{gap:24px}

/* Prazno stanje */
.none2{padding:40px 0;color:var(--ink-3)}

/* Stranica */
.art.page .wrap{max-width:860px}
.art.page .art-head{margin-bottom:24px}
/* Stranica Servisnog centra (plugin): puna širina kao skica servisne-informacije.html, bez tipografije članka */
.art.page.page--wide .wrap{max-width:var(--wrap)}
.page-plugin{margin-top:8px}
.page-plugin>*+*{margin-top:24px}
/* Prognoza: navigacija servisa iznad, kvaliteta zraka ispod – širina kao sadržaj stranice (.body) */
.art.page .ssc-nav-wrap{margin-top:8px}
.art.page .ssc-nav-wrap+.body{margin-top:0}
.page-extra{max-width:680px;margin-top:32px}
.wx-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
.wx-grid>.body{max-width:none;margin-top:0}
.wx-grid>.page-extra{margin-top:0}
@media (max-width:900px){.wx-grid{grid-template-columns:minmax(0,1fr)}.wx-grid>.page-extra{margin-top:8px}}

/* Editor: preview blokova u editoru */
.sisak-editor-note{padding:20px;background:var(--mist);border-radius:var(--r);color:var(--ink-2)}

/* Gornja traka: opis portala lijevo (Hrc 24.10. – „stane u sam top bar”) */
.util .util-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.util .util-tag strong{color:#fff;font-weight:700}
.util .wrap{gap:24px}
.util nav{flex:none}
/* Desno u gornjoj traci: pomoćni izbornik i Facebook (Hrc 28.10.2026.) */
.util .util-r{display:flex;align-items:center;gap:20px;flex:none}
.util .util-fb{display:inline-flex;align-items:center;color:#c9d3ef}
.util .util-fb:hover{color:#fff}
.util .util-fb svg{display:block}

/* Servisna traka u mastu (HTML daje plugin [sisak_servis_traka]): desno od loga, stavke jedna do druge s crtom */
.mast .band{flex:1 1 auto;min-width:0;align-self:stretch;display:flex;align-items:center;overflow:hidden} /* uske širine: nikad preko loga */
.mast .band .ssc-strip{--ssc-strip-bg:transparent;--ssc-strip-fg:#fff;--ssc-strip-muted:#c1cbe0;--ssc-strip-line:rgba(255,255,255,.14);width:100%;background:none;font-family:var(--ff)}
.mast .band .ssc-strip__row{flex-wrap:nowrap;justify-content:flex-end;justify-content:safe flex-end;gap:0;background:none}
.mast .band .ssc .ssc-strip__item{flex:0 0 auto;gap:4px;padding:2px 16px;background:none;border-left:1px solid var(--ssc-strip-line)}
.mast .band .ssc .ssc-strip__item:first-child{border-left:0}
.mast .band .ssc .ssc-strip__item--service{order:0;flex-basis:auto}
.mast .band .ssc-strip__lbl{font-family:var(--ff-n);letter-spacing:.06em}
.mast .band .ssc-strip__val{font-family:var(--ff);font-size:var(--fs-md)}
.mast .band .ssc-strip__val--sm{font-size:var(--fs-sm)}
.mast .band .ssc-strip__unit{font-size:var(--fs-2xs)}
.mast .band .ssc-strip__ic{width:18px;height:18px}
.mast .band .ssc-strip__item--service .ssc-strip__lbl{color:#b9d5ff}
.mast .band .ssc a.ssc-strip__item:hover .ssc-strip__lbl,.mast .band .ssc a.ssc-strip__item:focus-visible .ssc-strip__lbl{color:#fff;text-decoration:underline}
.mast .band+.right{margin-left:0}
@media (max-width:1240px){
  .mast .band .ssc .ssc-strip__item{padding-inline:12px}
  .mast .band .ssc .ssc-strip__item:has(.ssc-strip__aq){display:none}
}
@media (max-width:1100px){
  .mast .band .ssc .ssc-strip__item--opt{display:none}
}
/* Mobitel: traka je red ispod loga – „Sisak ☁ 8°” lijevo, „Servisni centar ›” desno (kao prije) */
@media (max-width:820px){
  .mast .wrap{flex-wrap:wrap;height:auto;min-height:68px;row-gap:8px;padding-top:8px} /* gumbi ne dodiruju vrh ekrana ni traku ispod (Hrc 28.10.2026.) */
  .mast .band{order:3;flex:1 0 100%;align-self:auto;background:var(--navy-deep);box-shadow:0 0 0 100vmax var(--navy-deep);clip-path:inset(0 -100vmax)}
  .mast .band .ssc-strip__row{justify-content:flex-start;gap:12px;min-height:42px}
  .mast .band .ssc .ssc-strip__item{flex-direction:row;align-items:center;gap:7px;padding:10px 0;border:0;white-space:nowrap}
  .mast .band .ssc .ssc-strip__item--service{margin-left:auto}
  .mast .band .ssc .ssc-strip__item--date,.mast .band .ssc-strip__item--service .ssc-strip__line,.mast .band .ssc-strip__unit{display:none}
  .mast .band .ssc-strip__lbl{font-family:var(--ff);font-size:var(--fs-xs);letter-spacing:0;text-transform:none}
  .mast .band .ssc-strip__val{font-size:var(--fs-base)}
  .mast .band+.right{margin-left:auto}
}

/* Mobilni dock (skica integracije): fiksna traka na dnu do 820 px */
.dock{display:none}
@media (max-width:820px){
  /* Plavi navbar na mobitelu ne treba (Hrc): rubrike su u izborniku, ostalo u docku. */
  .navbar{display:none}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  .dock{display:flex;gap:2px;position:fixed;z-index:50;left:0;right:0;bottom:0;padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #dbe2ec;box-shadow:0 -3px 14px rgba(19,31,73,.06)}
  .dock>a,.dock>button{flex:1;min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px 2px;border:0;border-radius:0;background:none;color:var(--ink-2);font:700 var(--fs-2xs)/1.2 var(--ff);text-decoration:none;cursor:pointer}
  .dock>a span,.dock>button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dock svg{width:21px;height:21px;flex:none}
  .dock>a:hover,.dock>button:hover{background:var(--blue-tint);color:var(--blue)}
  .dock>a[aria-current]{background:var(--blue);color:#fff}
  .dock>a:focus-visible,.dock>button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
  .dock>a[aria-current]:focus-visible{outline-color:#fff;outline-offset:-4px}
}
@media print{.dock{display:none}body{padding-bottom:0}}

/* Izbornik (drawer): panel s desna koji i na mobitelu ostavlja vidljivu stranicu iza, ulazi klizanjem */
.drawer .sheet{width:min(420px,88%);box-shadow:-12px 0 40px rgba(8,12,30,.25);overscroll-behavior:contain}
.drawer.open .scrim{animation:sisak-fade .2s ease-out}
.drawer.open .sheet{animation:sisak-slide-in .26s cubic-bezier(.2,.8,.2,1)}
@keyframes sisak-slide-in{from{transform:translateX(100%)}to{transform:none}}
@keyframes sisak-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.drawer.open :is(.scrim,.sheet){animation:none}}
/* Rubrike u izborniku u boji (vlasnik 26.10.); kontrast teksta ≥ 5,9:1 (WCAG AA), hover tamniji, fokus vidljiv */
.drawer .grid-l a[class^="rc-"]{background:var(--rc);color:var(--rc-fg,#fff)}
.drawer .grid-l a[class^="rc-"]:hover{background:var(--rc-h);color:var(--rc-fg,#fff)}
.drawer .grid-l a[class^="rc-"]:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.drawer .grid-l .rc-sisak{--rc:#1450b8;--rc-h:#0f3f95}
.drawer .grid-l .rc-smz{--rc:#d6e6fb;--rc-h:#c2d8f7;--rc-fg:#0f3f95}
.drawer .grid-l .rc-crna-kronika{--rc:#3b4150;--rc-h:#262a34}
.drawer .grid-l .rc-sport{--rc:#17663f;--rc-h:#0f4d2f}
.drawer .grid-l .rc-kultura{--rc:#8a5a12;--rc-h:#6e470c}
.drawer .grid-l .rc-galerije{--rc:#a3245c;--rc-h:#851b4a}
.drawer .grid-l .rc-najave{--rc:#00a8da;--rc-h:#0093bf} /* vlasnik 27.10.: Najave #00A8DA, bijela slova (svjesna iznimka od 4,5:1 – tests/drawer.php) */
/* Mobitel (vlasnik 27.10.): izbornik preko cijele širine; u „U gradu” i „Portal” stanje manjim slovima ispod naziva. */
@media (max-width:600px){.drawer .sheet{width:100%;box-shadow:none}}
.drawer .list-l a{display:grid;grid-template-columns:34px 1fr;column-gap:12px;row-gap:1px;align-items:center}
.drawer .list-l .ic{grid-row:span 2}
.drawer .list-l a:not(:has(small)) .ic{grid-row:auto}
.drawer .list-l small{grid-column:2;margin:0;font-size:var(--fs-2xs);line-height:1.2}
/* Prijavljeni urednik: WP traka ne smije prekriti logo i „Zatvori” */
.admin-bar :is(.drawer,.search-ov){top:32px}
@media (max-width:782px){.admin-bar :is(.drawer,.search-ov){top:46px}}
@media (max-width:600px){.admin-bar :is(.drawer,.search-ov){top:0}} /* traka je tu absolute i odlazi pri skrolanju */

/* Logotip: tekst u boji znaka (Hrc) */
.logo b{color:var(--brand)}
/* Logo bijeli izravno na tamnoj podlozi zaglavlja, bez bijelog okvira – na mobitelu (Hrc 26.10.2026.) i na računalu
   (Hrc 27.10.2026.: „glavni heder na webu isto … bijeli kao i na mobile”); isto podnožje (Hrc 27.10.: „footer … mora biti bijeli svg kao i header”); ladica ostaje */
:is(.mast,footer) .logo{background:none;padding:0}
:is(.mast,footer) .logo svg{fill:#fff}
:is(.mast,footer) .logo b{color:#fff}

/* Istaknuta stavka izbornika: CSS klasa „si-gold” u Izgled → Izbornici (npr. Gastro kutak, Hrc 27.10.2026.) */
.navbar a.gold{color:#ffd400}
.navbar a.gold:hover,.navbar a.gold[aria-current]{color:#ffd400}

/* Iz našeg kraja: poveznica „Sve iz mjesta …” ispod kartica mjesta */
.kraj-more{grid-column:1/-1;margin:0;text-align:right}
.kraj [role="tabpanel"][hidden]{display:none}
.pl-grid[hidden]{display:none}

/* Najnovije: razmak reda kartica / leada prema popisu (004 t. 0 – dugi naslovi su dodirivali popis).
   Crta „zadnji posjet” (.seen) ima svoj razmak i stoji između. */
.top :is(.lead-row,.row4)+.today-grid{margin-top:32px}
@media (max-width:560px){.top :is(.lead-row,.row4)+.today-grid{margin-top:24px}}

/* ===== Mreže koje prate stvarni broj kartica (004 t. 3a) – sisak_fit() daje --k (koliko u redu) =====
   Redovi podjednaki (5 → 3 + 2), zadnji red se raširi: nema prazne ćelije ni kad stigne manje vijesti. */
.fit{display:flex;flex-wrap:wrap;--kk:var(--k,3);--gx:24px;column-gap:var(--gx)}
.fit>*{flex:1 1 calc((100% - (var(--kk) - 1) * var(--gx)) / var(--kk));min-width:0}
.grid3.fit{row-gap:32px}
.row4.fit,.grid4.fit,.gal-more.fit{row-gap:24px}
.today-grid.fit{--gx:28px;row-gap:18px}
.gal-more{margin-top:12px;--gx:12px}
.gal-more.fit{row-gap:12px}
.gal-more .tile{min-height:220px}
/* Slika kartice: visina iz širine kartice u PUNOM redu (3:2 kao .ph) – raširene kartice zadnjeg reda iste visine
   kao red iznad, ne veće; najviše 360 px (red od 1–2 kartice ne postaje ogroman). Mobitel: vodoravne kartice (main.css). */
@media (min-width:561px){
  .fit{container-type:inline-size}
  .fit>.card .ph{aspect-ratio:auto;height:min(calc((100cqw - (var(--kk) - 1) * var(--gx)) / var(--kk) * var(--phr, 0.6667)),360px)}
}
@media (max-width:1100px){.grid4.fit{--kk:min(var(--k,4),2)}}
@media (max-width:820px){
  .fit{--kk:min(var(--k,3),2)}
  .today-grid.fit{--kk:1}
}
@media (max-width:560px){
  .fit,.grid4.fit{--kk:1}
  .row4.fit,.grid3.fit,.grid4.fit{row-gap:18px}
}
/* Lead + bočne kartice prema broju (s0–s3) */
.lead-row.s0{grid-template-columns:minmax(0,1fr)}
@media (min-width:821px){
  .lead-row.s1 .lead-side{align-content:stretch}
  .lead-row.s1 .lead-side .card{display:flex;flex-direction:column;height:100%}
  .lead-row.s1 .lead-side .card .ph{flex:1 1 auto;aspect-ratio:auto;min-height:220px}
  .lead-row.s3 .lead-side{gap:18px;align-content:center}
}
@media (max-width:820px){.lead-row:is(.s1,.s3) .lead-side{grid-template-columns:1fr}}
/* Galerije: mozaik prema broju (n1–n5) */
.gal-grid.n1{grid-template-columns:1fr;grid-template-rows:440px}
.gal-grid.n2{grid-template-columns:2fr 1fr;grid-template-rows:440px}
.gal-grid:is(.n1,.n2) .tile:first-child{grid-row:auto}
@media (min-width:821px){
  .gal-grid.n3{grid-template-columns:2fr 1fr}
  .gal-grid.n4 .tile:nth-child(4){grid-column:2/4}
}
@media (max-width:820px){
  .gal-grid.n1{grid-template-rows:260px}
  .gal-grid.n2{grid-template-columns:1fr;grid-template-rows:260px 170px}
}

/* U fokusu s 1–2 članka: bez praznih ćelija mreže (skica računa s 3) */
.focus .f-meta time{margin-left:0}
.focus .focus-grid.n1{grid-template-columns:1fr;grid-template-rows:440px}
.focus .focus-grid.n2{grid-template-rows:440px}
.focus .focus-grid.n1 .f-lead,.focus .focus-grid.n2 .f-lead{grid-row:auto}
@media (max-width:1100px){
  .focus .focus-grid.n1{grid-template-rows:380px}
  .focus .focus-grid.n2{grid-template-columns:1fr;grid-template-rows:380px 220px}
}
@media (max-width:560px){
  .focus .focus-grid.n1{grid-template-rows:360px}
  .focus .focus-grid.n2{grid-template-rows:360px 200px}
}
.kraj .tabs [role="tab"]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Prikaz kartice (004): vrijeme čitanja i autor u retku meta */
.meta .rt,.meta .au{margin-left:8px}
.meta .au{font-size:var(--fs-xs);color:var(--ink-3)}
.tile .in :is(.rt,.au){font-size:var(--fs-xs);color:#dfe6f6;margin-left:8px}

/* ===== Ploča Sekcija (004): podloga, sakriven naslov, vidljivost, najviše na mobitelu ===== */
.sec--dark{background:var(--night);color:#fff;--cat:var(--red)}
.sec--blue{background:var(--blue-2);color:#fff}
.sec--dark .sh h2,.sec--blue .sh h2{color:#fff}
.sec--dark .sh .more{color:#ff8080}
.sec--blue .sh .more{color:#cfe0ff}
:is(.sec--dark,.sec--blue) :is(.card,.mini) :is(h3,h4){color:#fff}
:is(.sec--dark,.sec--blue) :is(.card,.mini):hover :is(h3,h4){color:#cfe0ff}
:is(.sec--dark,.sec--blue) :is(.card p,.meta .t,.meta time,.meta .rt,.meta .au){color:#c9d3ef}
:is(.sec--dark,.sec--blue) .meta .kicker{color:#ffd9d9}
:is(.sec--dark,.sec--blue) .chips a{background:rgba(255,255,255,.12);color:#fff}
:is(.sec--dark,.sec--blue) .all{background:rgba(255,255,255,.1);color:#fff}
.hide-title .sh h2{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hide-title .sh:not(:has(.more)){margin:0}
.hide-title .sh:has(.more){justify-content:flex-end}
@media (max-width:820px){.vis-desktop{display:none}}
@media (min-width:821px){.vis-mobile{display:none}}
@media (max-width:560px){.m-hide{display:none!important}}
/* Tamna/plava podloga: i kartice mjesta, napomena i poveznica Iz našeg kraja, datum uz Najnovije */
:is(.sec--dark,.sec--blue) .tabs button{color:#dfe6f6}
:is(.sec--dark,.sec--blue) .tabs button[aria-selected="true"]{color:#fff}
:is(.sec--dark,.sec--blue) :is(.kraj-note,.sh small){color:#c9d3ef}
:is(.sec--dark,.sec--blue) .kraj-more .more{color:#cfe0ff}
/* Najviše na mobitelu + mreže s fiksnim redovima: bez praznih redova kad su kartice skrivene */
@media (max-width:560px){
  .has-mmax .focus .focus-grid,.has-mmax.focus .focus-grid{grid-template-rows:360px;grid-auto-rows:200px}
  .has-mmax .gal-grid{grid-template-rows:260px;grid-auto-rows:170px}
  .has-mmax .gal-grid .tile:nth-child(2):has(+ .m-hide){grid-column:1/-1}
}
:is(.sec--dark,.sec--blue) .tabs button:hover{background:rgba(255,255,255,.12)}
/* Modal događaja (blok Događanja na naslovnici, assets/js/event-modal.js): preko cijelog ekrana, traka s „Otvori
   stranicu događaja” i zatvaranjem; sadržaj je .evd-grid stranice događaja (events.css se učita pri otvaranju). */
.ev-modal{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--paper);color:var(--navy);overflow:auto;overscroll-behavior:contain}
.ev-modal::backdrop{background:rgba(8,12,30,.6)}
/* Računalo (vlasnik 28.10.2026.): ploča u sredini, stranica se vidi iza – ne preko cijelog ekrana; mobitel ostaje pun. */
@media (min-width:761px){.ev-modal{inset:0;width:min(960px,calc(100% - 64px));height:auto;max-height:calc(100dvh - 64px);margin:auto;border-radius:14px;box-shadow:0 24px 60px rgba(8,12,30,.35)}}
.ev-modal-open{overflow:hidden}
.ev-modal-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:var(--navy);color:#fff}
.ev-modal-full{color:#fff;font-weight:700;font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:3px}
.ev-modal-x{width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}
.ev-modal-x:hover,.ev-modal-x:focus-visible{background:rgba(255,255,255,.26)}
.ev-modal-x:focus-visible,.ev-modal-full:focus-visible{outline:3px solid #ffd400;outline-offset:2px}
.ev-modal h1:focus{outline:0}
.ev-modal-body{padding-top:24px;outline:0}
.ev-modal-wait{padding:48px 16px;text-align:center;color:var(--ink-3)}
@media (prefers-reduced-motion:no-preference){.ev-modal[open]{animation:sisak-fade .18s ease-out}}