/* ==========================================================================
   TEMA — tokeni identiteta, tipografija, gumbi, varijante mod-*
   Postolar-Ilić · prototip v2 · TEMA
   Ovaj list se u E5 veže KAO ZADNJI SLOJ, iza style.css i media_queries.css.
   Ne mijenjati .wrapper ni lanac kontejnera jezgre.
   ========================================================================== */

/* --------------------------------------------------------------------------
   E5 jezgra: reset.css / basic.css gase zadane stilove preglednika
   (h1–h6 na 100 %, p/ul bez margina, button{font-size:0}).
   Vraćamo SAMO ono na što ovaj CSS računa — ništa više.
   -------------------------------------------------------------------------- */
button,input,select,textarea{font-family:inherit;font-size:100%;line-height:normal}
button{color:inherit}
/* style.css lijepi font izravno na span/em/a unutar naslova */
h1 *,h2 *,h3 *,h4 *{font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit}

:root{
  --tinta:#1B0E0B; --bordo:#310909; --bordo-2:#4A1511; --bordo-3:#5E1E17;
  --konjak:#B8652F; --konjak-svj:#D9914F; --mesing:#CDA56B;
  --papir:#F4EBDF; --pijesak:#E7D9C6; --kost:#FCF8F2;
  --linija:rgba(27,14,11,.14); --linija-svj:rgba(244,235,223,.16);
  --tekst:#2C1D18; --tekst-2:#6B574D;
  --f-disp:"Fraunces",Georgia,"Times New Roman",serif;
  --f-ui:"Archivo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --r:14px; --sirina:1220px;
  --sjena:0 30px 60px -28px rgba(27,14,11,.45),0 8px 20px -12px rgba(27,14,11,.25);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--papir);color:var(--tekst);font:400 16px/1.65 var(--f-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-disp);font-weight:500;line-height:1.08;margin:0;letter-spacing:-.015em;color:inherit}
h1 *,h2 *,h3 *{font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit}
.crv{color:var(--konjak);font-style:italic;font-weight:400}
.mod-tamna .crv{color:var(--konjak-svj)}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--konjak-svj);outline-offset:3px;border-radius:4px}
.skriveno{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mod-zrno,.mod-tamna,.mod-papir{position:relative;isolation:isolate}
.mod-tamna::before,.mod-papir::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:repeat;background-size:420px 420px}
.mod-tamna::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' seed='4'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 0.85 0 0 0 0 0.7 0 0 0 0.07 0'/></filter><rect width='420' height='420' filter='url(%23n)'/></svg>")}
.mod-papir::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='9'/><feColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.18 0 0 0 0 0.1 0 0 0 0.06 0'/></filter><rect width='420' height='420' filter='url(%23n)'/></svg>")}
.mod-tamna{background:var(--bordo);color:var(--papir)}
.mod-tamna .glava>p{color:rgba(244,235,223,.72)}
.mod-papir{background:var(--papir)}
.mod-pijesak{background:var(--pijesak)}
.mod-bijela{background:var(--kost)}
.gumbi{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 0}
.gumb{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;font:600 15px/1 var(--f-ui);text-decoration:none;border:1.5px solid transparent;transition:transform .2s,background .2s,color .2s,border-color .2s;cursor:pointer}
.gumb:hover{transform:translateY(-2px)}
.gumb svg{width:18px;height:18px;flex:none}
.gumb-puni{background:var(--konjak);color:#fff}
.gumb-puni:hover{background:var(--konjak-svj)}
.gumb-obrub{border-color:currentColor;color:var(--tekst)}
.mod-tamna .gumb-obrub{color:var(--papir);border-color:rgba(244,235,223,.4)}
.mod-tamna .gumb-obrub:hover{border-color:var(--papir)}
.poveznica{font:500 13px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--konjak);text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.poveznica::after{content:"→";transition:transform .2s}
.poveznica:hover::after{transform:translateX(4px)}
figure{margin:0}
.foto,figure.foto{position:relative;overflow:hidden;border-radius:var(--r);background:linear-gradient(135deg,var(--bordo-3),var(--tinta))}
.foto img{width:100%;height:100%;object-fit:cover}
.foto::after{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font:500 11px/1.5 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(244,235,223,.75);opacity:0;pointer-events:none}
.foto.nema::after{opacity:1}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}
.reveal.d2{transition-delay:.16s}
.reveal.d3{transition-delay:.24s}
.reveal.d4{transition-delay:.32s}
.status{display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border:1px solid var(--linija-svj);border-radius:999px;font:500 13px/1.2 var(--f-mono);letter-spacing:.02em;color:rgba(244,235,223,.85);background:rgba(0,0,0,.14)}
.status .tocka{width:10px;height:10px;border-radius:50%;background:var(--mesing);flex:none;position:relative}
.status[data-stanje="otvoreno"] .tocka{background:#6FBF73}
.status[data-stanje="otvoreno"] .tocka::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #6FBF73;animation:puls 2s ease-out infinite}
.status[data-stanje="pauza"] .tocka{background:#E3B04B}
.status[data-stanje="zatvoreno"] .tocka{background:#C2574A}
@keyframes puls{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
@media (max-width:720px){
  body{padding-bottom:66px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
}

/* ---------- FONTOVI · lokalno (bez Google CDN-a, GDPR) · latin + latin-ext (č ć š ž đ) ----------
   Datoteke: css/fontovi/ pokraj ove datoteke. Izvor: Fontsource 5.3.0 (OFL). */
@font-face {font-family: 'Fraunces';font-style: normal;font-display: swap;font-weight: 100 900;src:url(fontovi/fraunces-latin-ext-opsz-normal.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: 'Fraunces';font-style: normal;font-display: swap;font-weight: 100 900;src:url(fontovi/fraunces-latin-opsz-normal.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}
@font-face {font-family: 'Fraunces';font-style: italic;font-display: swap;font-weight: 100 900;src:url(fontovi/fraunces-latin-ext-opsz-italic.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: 'Fraunces';font-style: italic;font-display: swap;font-weight: 100 900;src:url(fontovi/fraunces-latin-opsz-italic.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}
@font-face {font-family: 'Archivo';font-style: normal;font-display: swap;font-weight: 400;src:url(fontovi/archivo-latin-ext-400-normal.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-display: swap;font-weight: 400;src:url(fontovi/archivo-latin-400-normal.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}
@font-face {font-family: 'Archivo';font-style: normal;font-display: swap;font-weight: 500;src:url(fontovi/archivo-latin-ext-500-normal.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-display: swap;font-weight: 500;src:url(fontovi/archivo-latin-500-normal.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}
@font-face {font-family: 'Archivo';font-style: normal;font-display: swap;font-weight: 600;src:url(fontovi/archivo-latin-ext-600-normal.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-display: swap;font-weight: 600;src:url(fontovi/archivo-latin-600-normal.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}
@font-face {font-family: 'Archivo';font-style: normal;font-display: swap;font-weight: 700;src:url(fontovi/archivo-latin-ext-700-normal.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-display: swap;font-weight: 700;src:url(fontovi/archivo-latin-700-normal.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}
@font-face {font-family: 'IBM Plex Mono';font-style: normal;font-display: swap;font-weight: 400;src:url(fontovi/ibm-plex-mono-latin-ext-400-normal.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: 'IBM Plex Mono';font-style: normal;font-display: swap;font-weight: 400;src:url(fontovi/ibm-plex-mono-latin-400-normal.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}
@font-face {font-family: 'IBM Plex Mono';font-style: normal;font-display: swap;font-weight: 500;src:url(fontovi/ibm-plex-mono-latin-ext-500-normal.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: 'IBM Plex Mono';font-style: normal;font-display: swap;font-weight: 500;src:url(fontovi/ibm-plex-mono-latin-500-normal.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}