/*
 * Javna stranica — preuzeto doslovno iz odobrenog predloška
 * _paket/predlozak/naslovnica.html (izvor istine, DIZAJN.md).
 * Promijenjena je putanja do naslovne fotografije, a boje podnožja slijede
 * noviji DIZAJN.md.
 * Dodaci koji u predlošku ne postoje nalaze se na dnu, odvojeno.
 */

/* Archivo s našega poslužitelja, ne s Google Fontsa (odluka 26. 9. 2026.):
   učitavanje s Googlea šalje posjetiteljevu IP adresu — isti razlog kao kod
   karte. Varijabilni font, 300–700 (Light 300 dostupan, 26. 9. 2026.); licenca SIL OFL (fonts/archivo/OFL.txt).
   latin-ext nosi č, ć, đ, š, ž. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('../fonts/archivo/archivo-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('../fonts/archivo/archivo-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#232021;--grey:#666666;--purple:#4C3888;--box:#787674;--line:#E8E6E3;--rule:#808080}
/* --rule: srednja siva za crte (zadaci 26. 9. 2026., §3). Tanke crte cjenika (od
   30. 9. 2026. samo ispod podkategorije) ostaju --line; tekst ostaje --ink. */
*{box-sizing:border-box}
body{margin:0;font-family:'Archivo',Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:var(--purple)}
/* ---- hero ---- */
.hero-wrap{position:relative}
.hero{position:relative;height:620px;background:url('../images/cover.jpg') center 46%/cover no-repeat;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),0 100%)}
.hero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(20,18,18,.58) 0%,rgba(20,18,18,.30) 26%,rgba(20,18,18,0) 52%)}
/* Logotip i tabovi +22–23 % (zadaci 26. 9. 2026., §4): predložak 88 px / 13 px.
   Poravnanje se računa, ne upisuje: sredina retka taba = sredina riječi
   "brokenships" = 5,97 % visine logotipa; visina = širina × 258,6 / 203,16.
   Za mjere iz predloška formula daje točno njegove −1 px / −2 px. */
.hero-inner{--logo-w:108px;--tab-fs:16px;
  /* Cafe: visina/širina 258,6/203,16; riječ "brokenships" na 5,97 % visine. */
  --logo-omjer:1.27289;--logo-rijec:.0597;
  position:absolute;inset:0;padding:24px 48px;display:flex;gap:32px;align-items:flex-start}
/* Muzej (stranica programa): vodoravan znak, visina/širina 321,6/481,92;
   poravnanje sa sredinom riječi "Museum" = 35,51 % visine (izmjereno u SVG-u,
   26. 9. 2026.). Pravilo za Cafe se ne mijenja. */
.hero-inner.muzej{--logo-w:142px;--logo-omjer:.66733;--logo-rijec:.3551}
.hero-logo{width:var(--logo-w);flex-shrink:0}
/* tabovi poravnati sa sredinom riječi "brokenships" (gornjih 12% logotipa).
   Samo izbornik u zaglavlju (.hero-inner nav) — do 28. 9. 2026. pravila su bila na
   golom "nav" i curila na svaki <nav> na stranici (zadaci §3.2). */
.hero-inner nav{display:flex;align-items:center;gap:28px;flex-grow:1;margin-left:28px;
  margin-top:calc(var(--logo-w) * var(--logo-omjer) * var(--logo-rijec) - var(--tab-fs) * .6)}
.hero-inner nav a{color:#fff;text-decoration:none;font-size:var(--tab-fs);line-height:1.2;font-weight:600;letter-spacing:.12em;
  padding-bottom:5px;border-bottom:2px solid transparent}
.hero-inner nav a.on{border-bottom-color:#fff}
.hero-inner nav .sp{flex-grow:1}
.hero-inner nav .lang{color:#fff;font-size:14.5px;font-weight:600;letter-spacing:.1em}
.hero-inner nav .lang.off{color:rgba(255,255,255,.65);font-weight:500}
/* Info kutija — jedno pravilo za sve (odluka 26. 9. 2026.): naslovnica, program,
   lokacija. Stalna širina 300 px (do 28. 9. 2026. 240 px — proširena za 25 %,
   visina nepromijenjena). Najuži mogući okvir bio je 240 px: tri retka
   naslovnice stanu svaki u svoj redak na oba jezika, mjerodavan je najduži,
   "every day from 9 to 22" (167 px teksta + 2 × 24 px = 215 px). Najmanja visina je stalna mjera,
   124 px (mobitel 93 px), neovisna o veličini fonta. Duži tekst se prelama;
   kutija raste samo u visinu. Okomito uvijek po sredini; vodoravno lijevo ili
   .sredina. Veličina fonta: .manje 15 px, zadano 17 px, .vece 20 px. */
.infobox{position:absolute;right:48px;bottom:-34px;background:var(--box);color:#fff;
  width:300px;min-height:124px;
  padding:22px 24px;display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:flex-start}
.infobox span{max-width:100%;font-size:17px;font-weight:500;line-height:1.3;overflow-wrap:break-word}
.infobox.manje span{font-size:15px}
.infobox.vece span{font-size:20px}
.infobox.sredina{align-items:center;text-align:center}
/* ---- cjenik ---- */
main{padding:76px 56px 44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.cat{margin:0 0 40px}
.cat-head{display:flex;align-items:flex-end;gap:20px;border-bottom:2px solid var(--rule);padding-bottom:8px}
.cat-head .sp{flex-grow:1}
.cat-head .p1,.cat-head .p2{font-size:9px;font-weight:500;line-height:1.25;letter-spacing:.06em;color:var(--grey);white-space:normal}
/* Naslov stupca s aktualnom cijenom u boji teksta, kao i iznosi ispod njega
   (odluka 28. 9. 2026.). Sidreni stupac ostaje siv — razlika u boji nosi
   razliku u značenju. */
.cat-head .p1{color:var(--ink)}
.cat-head h3{margin:0;font-size:17px;font-weight:700;letter-spacing:.06em}
.row{display:flex;gap:20px;align-items:baseline}

/* Stavke bez crte (odluka 30. 9. 2026.): trideset i tri crte u stupcu kava
   radile su "ljestve" koje se natječu s tekstom. Crta ostaje samo ispod
   podkategorije. Razmak se namjerno NE povećava. */
.row{padding:7px 0;border-bottom:0}
/* Stupci cijena imaju stalnu širinu i ne smiju se stiskati: bez flex-shrink:0
   dugačak naziv gura oba stupca ulijevo i iznosi se u tom retku razilaze s
   ostalima (uočeno na mobitelu 28. 9. 2026., npr. "INSTANT CAPPUCCINO
   (vanilla, choco, irish)"). min-width:0 pušta naziv da se prelomi. */
.name{flex-grow:1;min-width:0;font-size:14px;font-weight:500}
.p1{flex-shrink:0;width:86px;text-align:right;font-size:14px;font-weight:600;white-space:nowrap}
.p2{flex-shrink:0;width:104px;text-align:right;font-size:13px;color:var(--grey);white-space:nowrap}
/* Podkategorija (odluka 30. 9. 2026., zamjenjuje izvedbu od 28. 9.): malim
   slovima, kako je upisana (bez text-transform), 13 px / 700, siva, lijevo,
   s crtom ISPOD. Kad stavke nemaju crte, crta ispod čita se kao podcrtan
   naslov i pripada skupini koju uvodi. Mala slova: velikima bi riječ na 13 px
   izgubila oblik. Rez 700: nazivi stavaka su 600, a podnaslov je već siv i
   manji, pa mu je debljina jedini preostali kanal. Samo na webu — u izvozu je
   nema. */
.podkat{margin:0;padding:22px 0 5px;border-bottom:1px solid var(--line);
  font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--grey);text-align:left}

.notes{border-top:2px solid var(--rule);padding-top:16px}
.notes ul{margin:0;padding-left:16px;font-size:12px;line-height:1.65;color:var(--grey)}
.notes li{margin-bottom:8px}
.notes p{margin:14px 0 0;font-size:11px;color:var(--grey)}
.notes a{color:var(--grey)}
/* ---- footer ---- */
/* Boje po DIZAJN.md "Podnožje" (novije od predloška): siva kao info kutija,
   sav tekst i poveznice čisto bijeli (4,52 : 1). Nikad sivi ni ljubičasti
   tekst na ovoj podlozi. Poveznice se razlikuju podvlačenjem na prijelaz. */
footer{padding:28px 56px;background:var(--box);color:#fff;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
footer img{width:116px}
footer span,footer a{font-size:12px;color:#fff;text-decoration:none}
footer a:hover,footer a:focus-visible{text-decoration:underline}
footer .sp{flex-grow:1}
footer a.ikona{display:inline-flex;line-height:0}
/* ---- mobitel ---- */
@media (max-width:820px){
  .hero{height:340px}
  .hero-inner{--logo-w:71px;--tab-fs:13.5px;padding:18px 18px;gap:18px}
  .hero-inner nav{gap:14px;flex-wrap:wrap;margin-left:12px}
  .hero-inner nav a{letter-spacing:.1em}
  /* Razmjerno fontu: 300 × 13/17 ≈ 230 px (do 28. 9. 2026. 184 px). */
  .infobox{right:18px;bottom:-26px;width:230px;min-height:93px;padding:16px 18px;gap:5px}
  .infobox span{font-size:13px}
  .infobox.manje span{font-size:12px}
  .infobox.vece span{font-size:15px}
  main{grid-template-columns:1fr;padding:56px 18px 26px;gap:0}
  /* Uži stupci cijena na mobitelu: kad se više ne smiju stiskati (vidi .p1/.p2),
     na 320 px zaslonu nazivu bi ostalo samo ~54 px. Ovako mu ostaje ~126 px, a
     iznosi i dalje stanu u jedan redak ("4,80 €" ≈ 46 px, "(4,80 €)" ≈ 56 px). */
  .row{gap:12px}
  .p1{width:62px}
  .p2{width:72px}
  footer{padding:22px 18px;gap:14px}
}

/* ==== Dodaci (nema ih u predlošku) ==== */

/* Boja teksta iz CMS-a (bogati tekst, zadaci 26. 9. 2026., §5). */
.color{color:var(--color)}

/* Jezični prekidač je u predlošku <span>; ovdje je poveznica. */
.hero-inner nav a.lang{padding-bottom:0;border-bottom:0}

/* Opis ispod naziva stavke (BRIEF §5 "opis ispod stavke"). */
.name small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--grey)}

/* Pregled prije objave — vidi se samo prijavljenima. */
.pregled{position:sticky;top:0;z-index:10;background:var(--purple);color:#fff;
  padding:10px 56px;font-size:13px;font-weight:600;letter-spacing:.04em}
.pregled a{color:#fff}

/* Stranica arhive: jedan stupac, isti ritam kao cjenik. */
main.stranica{display:block;max-width:760px}
main.stranica h1{margin:0 0 8px;font-size:17px;font-weight:700;letter-spacing:.06em}
main.stranica .uvod{margin:0 0 24px;font-size:12px;color:var(--grey)}
/* Bogati tekst iz CMS-a (Impressum, Pravila privatnosti). */
.tekst{border-top:2px solid var(--rule);padding-top:16px;font-size:14px;line-height:1.65}
.tekst h2,.tekst h3{margin:28px 0 8px;font-size:14px;font-weight:700;letter-spacing:.06em}
.tekst p,.tekst ul,.tekst ol{margin:0 0 12px}
.tekst ul,.tekst ol{padding-left:18px}
/* Impressum: dva jednaka polja, svako pola širine (6. 10. 2026.). Drugo uvijek u desnom stupcu. */
.tekst-stupci{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;align-items:start}
.tekst-stupci .tekst-drugi{grid-column:2}
@media (max-width:820px){
  .tekst-stupci{grid-template-columns:1fr}
  .tekst-stupci .tekst-drugi{grid-column:auto;margin-top:16px}
}
main.stranica .row .p1{width:auto;font-weight:500}
main.stranica .row .p2{width:auto}
/* Arhiva: retci nisu cjenik, pa crte srednje sive. Crta je ovdje izričita
   jer stavke cjenika od 30. 9. 2026. crtu nemaju. */
main.stranica .row{border-bottom:1px solid var(--rule)}
/* Logotip Muzeja u heroju (program s logotipom Muzeja). Uvijek negativ i
   relativno malen (DIZAJN "Logotip i izbornik"); 116 px kao u podnožju, +22 % (§4). */
/* (širina je u .hero-inner.muzej --logo-w) */

/* Tab PROGRAMI: poveznica (odredište) + strelica koja otvara ploču (prečac).
   Ploča: siva kao info kutija, sav tekst bijel (DIZAJN "Padajući izbornik"). */
.padajuci{position:relative;display:flex;align-items:flex-start;gap:0}
.padajuci details{position:static}
/* Strelica se skalira s fontom taba (odluka 26. 9. 2026.): trokut širok 0,6em,
   mali razmak prije nje, okomito na sredini retka taba. */
.padajuci summary{list-style:none;cursor:pointer;color:#fff;font-size:var(--tab-fs);
  height:calc(var(--tab-fs) * 1.2);display:flex;align-items:center;padding:0 .15em 0 .3em;user-select:none}
.padajuci .strelica{display:block;width:0;height:0;border-left:.3em solid transparent;
  border-right:.3em solid transparent;border-top:.36em solid currentColor}
.padajuci summary::-webkit-details-marker{display:none}
.padajuci summary:focus-visible{outline:2px solid #fff;outline-offset:2px}
.padajuci .ploca{position:absolute;left:0;top:100%;margin-top:10px;z-index:20;
  background:var(--box);padding:8px 0;min-width:260px;max-width:min(360px,calc(100vw - 36px));
  max-height:60vh;overflow-y:auto;box-shadow:0 6px 24px rgba(20,18,18,.18)}
.padajuci .ploca a{display:block;padding:8px 20px;border-bottom:0;color:#fff;
  font-size:16px;font-weight:600;letter-spacing:.12em;line-height:1.35}
.padajuci .ploca a:hover,.padajuci .ploca a:focus-visible{text-decoration:underline}
.padajuci .ploca small{display:block;margin-top:2px;font-size:12px;font-weight:500;letter-spacing:.04em}
.padajuci details:not([open]) .ploca{display:none}
@media (hover:hover){
  .padajuci:hover .ploca,.padajuci:focus-within .ploca{display:block}
}

/* Stranica DOGAĐANJA / programa (plakat, 26. 9. 2026.). Naslov ALL CAPS & BOLD, podnaslov bold. */
.program .datum{font-size:12px;color:var(--grey)}
/* Sažet popis ostalih programa: naziv i razdoblje, jedan do dva retka, bez slika. */
.ostali-programi{margin-top:48px;border-top:2px solid var(--rule)}
.ostali-programi h2{margin:16px 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ostali-programi a{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:baseline;justify-content:space-between;
  padding:10px 0;border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none}
.ostali-programi a:hover .naziv,.ostali-programi a:focus-visible .naziv{color:var(--purple)}
.ostali-programi .naziv{font-size:14px;font-weight:700;letter-spacing:.04em}
.ostali-programi .razdoblje{font-size:12px;color:var(--grey)}
/* Veličina i rez podnaslova dolaze iz sloga (.slog-*); slog 14 px / 600 ukinut 28. 9. 2026. */
.program .podnaslov{margin:0 0 4px}
.program .datum{margin:0 0 16px}
@media (max-width:820px){
  .hero-inner.muzej{--logo-w:94px}
}

/* Naslov rubrike ispod naslovne fotografije (CJENIK, PROGRAM), uređiv u CMS-u
   (zadaci 26. 9. 2026., §4). Istim rezom kao naziv kategorije. */
/* Izgled naslova rubrike (odluka 26. 9. 2026.): 26 px / 400 / .14em, velika
   slova, tekst stranice; na mobitelu 22 px. Nazivi kategorija ostaju 17/700/.06em. */
.rubrika,main.stranica h1.rubrika{margin:0 0 16px;font-size:26px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);line-height:1.2}
@media (max-width:820px){
  .rubrika,main.stranica h1.rubrika{font-size:22px}
}
/* Dva sloga naslova (zadaci 28. 9. 2026., §1.3), bez vezanosti uz mjesto na
   stranici: stavljaju se na naslov rubrike, podnaslov Događanja i naziv
   programa. Naslovni = naslov rubrike gore; istaknuti = naziv kategorije
   (.cat-head h3). Moraju stajati iza .rubrika da je nadjačaju; h1 stranice
   (main.stranica h1, 17/700) je specifičniji, pa se navodi izričito — naziv
   događanja (§1.6). */
.slog-naslovni,main.stranica h1.slog-naslovni{font-size:26px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;line-height:1.2}
.slog-istaknuti,main.stranica h1.slog-istaknuti{font-size:17px;font-weight:700;letter-spacing:.06em;text-transform:none;line-height:1.3}
@media (max-width:820px){
  .slog-naslovni,main.stranica h1.slog-naslovni{font-size:22px}
}
main#ponuda .rubrika{grid-column:1 / -1;margin:0 0 24px}
@media (min-width:821px){
  main#ponuda .rubrika{margin:0}
  main#ponuda{row-gap:24px}
}

/* Stranica programa kao plakat: naziv preko fotografije, dolje lijevo.
   Tamni preljev odozdo iste jačine kao onaj pri vrhu iza logotipa, inače
   bijeli tekst nestane na svijetloj fotografiji. Info kutija programa stoji
   dolje desno, kao na naslovnici. */
.hero.ima-naslov::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(20,18,18,.58) 0%,rgba(20,18,18,.30) 26%,rgba(20,18,18,0) 52%)}
.hero-naslov{position:absolute;z-index:1;left:48px;right:420px;bottom:72px;margin:0;color:#fff;
  font-size:44px;font-weight:700;line-height:1.1;letter-spacing:.02em}
@media (max-width:820px){
  .hero-naslov{left:18px;right:18px;bottom:64px;font-size:26px}
}

/* Događaji programa: datum, izvođači, opis. */
/* Događaji (odluka 26. 9. 2026.): datum u lijevom stupcu, izvođači i opis u desnom.
   Razdjelnica je tanka i svijetla (--line) i ide samo ispod desnog stupca — od
   lijevog ruba izvođača do desnog ruba sadržaja. Na mobitelu se stupci slažu,
   a crta ide punom širinom sadržaja. */
.dogadaji{margin-top:32px}
.dogadaj{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:24px;align-items:baseline}
.dogadaj .datum{display:block;font-size:12px;color:var(--grey);padding:14px 0}
.dogadaj-tekst{padding:14px 0;border-bottom:1px solid var(--line)}
@media (max-width:820px){
  .dogadaj{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
  .dogadaj .datum{padding:0;margin-bottom:2px}
  .dogadaj-tekst{padding:0;border-bottom:0}
}
.dogadaj .izvodaci{display:block;font-size:14px;font-weight:600}
.dogadaj .opis{margin-top:4px;font-size:14px;line-height:1.55}
.dogadaj .opis p{margin:0 0 8px}

/* Lokacija: tekst lijevo, karta desno; na mobitelu jedno ispod drugoga.
   Naslovi odlomaka kao nazivi kategorija cjenika, manji. */
main.stranica.lokacija{max-width:none}
.lokacija-sadrzaj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:56px;
  border-top:2px solid var(--rule);padding-top:32px}
.lokacija-tekst h2{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.06em}
.lokacija-tekst p{margin:0 0 24px;font-size:14px;line-height:1.6}
.lokacija-tekst .blok{margin:0 0 24px;font-size:14px;line-height:1.6}
.lokacija-tekst .blok p{margin:0}
.lokacija-tekst .orijentacija{margin:0 0 24px;font-size:14px;line-height:1.6}
.lokacija-tekst .orijentacija p{margin:0 0 10px}
.karta{margin:0}
.karta img{display:block;width:100%;height:auto}
.karta figcaption{margin-top:6px;font-size:11px}
.karta figcaption a{color:var(--grey)}
@media (max-width:820px){
  .lokacija-sadrzaj{grid-template-columns:1fr;gap:8px}
}

/* Napomene su ispod lijevog stupca; na mobitelu (jedan stupac) moraju na
   dno cjenika, iza zadnje kategorije, a ne usred popisa. */
@media (max-width:820px){
  .pregled{padding:10px 18px}
  main#ponuda{display:flex;flex-direction:column}
  main#ponuda .stupac-lijevo{display:contents}
  main#ponuda .notes{order:1}
}

/* Logotip je poveznica na naslovnicu (krug 2, 28. 9. 2026.). Omotač ne smije
   mijenjati mjere: širina i poravnanje tabova i dalje se računaju iz .hero-logo. */
.logo-poveznica{display:block;flex-shrink:0;line-height:0}
.logo-poveznica:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Naslovnica (krug 2): About i Dodatne informacije kao blokovi s crtom iznad
   (--rule, kao tekstualne stranice), naslovi kao na Lokaciji. Prazan blok se
   ne ispisuje, pa nema ni crte ni razmaka. Poveznice na cjenik i aktualno
   događanje u ritmu popisa ostalih programa. */
/* Naslovnica ide punom širinom fotografije (odluka 28. 9. 2026.), kao Lokacija.
   Tekst je u dva stupca: puna širina u jednom retku dala bi na 1440 px oko 200
   znakova po retku, pa se oko pri povratku gubi. Dva stupca drže redak na
   čitljivoj mjeri, a širina je iskorištena. Na mobitelu jedan stupac. */
main.stranica.naslovnica{max-width:none}
.naslovnica-blok{border-top:2px solid var(--rule);padding-top:16px;margin-bottom:32px}
.naslovnica-blok .tekst{columns:2;column-gap:56px}
.naslovnica-blok .tekst p{margin-top:0}
@media (max-width:820px){
  .naslovnica-blok .tekst{columns:1}
}
.naslovnica-blok h2{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.06em}
.naslovnica-blok .tekst{border-top:0;padding-top:0}
/* Poveznice CJENIK / AKTUALNO: jedna do druge, s razmakom, poravnate s lijevim
   rubom teksta (odobreno 28. 9. 2026., §3.2). Taj je izgled do tada nastajao
   slučajno, curenjem pravila tabova; sada je zapisan ovdje, bez uvlačenja. */
.naslovnica-poveznice{display:flex;flex-wrap:wrap;align-items:center;gap:0 28px;border-top:2px solid var(--rule)}
@media (max-width:820px){
  .naslovnica-poveznice{gap:0 14px}
}
.naslovnica-poveznice a{display:flex;gap:20px;align-items:baseline;justify-content:space-between;line-height:1.2;
  padding:12px 0;border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none}
.naslovnica-poveznice .naziv{font-size:14px;font-weight:700;letter-spacing:.06em}
.naslovnica-poveznice .strelica{color:var(--purple)}
.naslovnica-poveznice a:hover .naziv,.naslovnica-poveznice a:focus-visible .naziv{color:var(--purple)}

/* Programi unutar događanja (§3.1c, 28. 9. 2026.; povlači kutiju u sadržaju iz
   §3.1). Fotografija i naziv su događanja, a kutija gore desno — isto pravilo
   .infobox kao svuda — je kutija odabranog programa. Ispod naslova red s
   nazivima programa (samo kad ih je više): odabrani u boji teksta s crtom
   ispod, ostali sivi; tanka crta ispod cijelog reda. Na mobitelu se red lomi. */
.programi-izbornik{display:flex;flex-wrap:wrap;gap:4px 28px;margin:32px 0 0;border-bottom:1px solid var(--line)}
.programi-izbornik a{padding:8px 0;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--grey);
  text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.06em}
.programi-izbornik a.on{color:var(--ink);border-bottom-color:var(--ink)}
.programi-izbornik a:hover,.programi-izbornik a:focus-visible{color:var(--purple)}
.programi-izbornik + .program-dogadanja{margin-top:24px}

/* Hamburger na mobitelu (§3.3, 28. 9. 2026.). Ispod 820 px tabovi se ne ispisuju;
   gore desno su tri bijele crte — donja niža lijevo, viša desno, ista kosina kao
   donji rub fotografije (uzor: brokenships.com). Ploča u sivoj #787674, sav tekst
   čisto bijel, kao padajući izbornik i podnožje. <details> radi bez JavaScripta.
   Izvan .hero, da ga kosi rez (clip-path) ne odreže. Na desktopu se ne vidi. */
.hamburger{display:none;position:absolute;top:18px;right:18px;z-index:25}
.hamburger summary{list-style:none;cursor:pointer;padding:2px;line-height:0}
.hamburger summary::-webkit-details-marker{display:none}
.hamburger summary:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hamburger-ploca{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 36px));
  max-height:calc(100vh - 80px);overflow-y:auto;background:var(--box);padding:10px 0;box-shadow:0 6px 24px rgba(20,18,18,.18)}
.hamburger-ploca ul{list-style:none;margin:0;padding:0}
.hamburger-ploca a{display:block;padding:9px 20px;color:#fff;text-decoration:none;
  font-size:16px;font-weight:600;letter-spacing:.12em;line-height:1.35}
.hamburger-ploca a.on{text-decoration:underline;text-underline-offset:5px}
.hamburger-ploca a:hover,.hamburger-ploca a:focus-visible{text-decoration:underline}
.hamburger-programi a{padding:6px 20px 6px 36px;font-size:14px;letter-spacing:.04em}
.hamburger-programi small{display:block;margin-top:2px;font-size:11px;font-weight:500}
/* HR / EN i na mobitelu vidljiv, izvan hamburgera (odluka 30. 9. 2026.): jezik
   se traži u prvoj sekundi, tabovi tek kad je gost već na stranici. Isti <nav>
   i isti rez kao na desktopu (14,5 px, 600, EN/HR sivlji); na mobitelu iz njega
   ostaju samo jezici, u visini hamburgera, 8 px lijevo od njega. Na 320 px:
   logotip 18–89 px (Muzej 18–112), jezici oko 200–262, hamburger 270–302. */
@media (max-width:820px){
  .hero-inner nav{position:absolute;top:18px;right:58px;height:28px;margin:0;gap:14px;flex-grow:0}
  .hero-inner nav > a:not(.lang),.hero-inner nav > .padajuci,.hero-inner nav > .sp{display:none}
  .hamburger{display:block}
}
.program-dogadanja h2{margin:0}
.program-dogadanja .tekst{border-top:0;padding-top:0;margin-top:16px}