@font-face{font-family:"Bricolage Grotesque";src:url(/assets/BricolageGrotesque-Bold.e10b524609.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/InstrumentSans-Regular.f67b882288.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/InstrumentSans-Bold.fb4dbde211.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--noc:#0B1626;--plava:#1D2B47;--talas:#23705F;--zuta:#F2B33D;--krem:#F4EEDF;--bela:#FFFFFF;--sivo:#AEB7C6;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--plava)}
body{margin:0;position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--noc);color:var(--krem);font:400 1.0625rem/1.6 "Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-kerning:normal}
@media (min-width:720px){body{font-size:1.1875rem}}
a{color:var(--bela);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--zuta);outline-offset:3px;border-radius:3px}
.preskoci{position:absolute;left:-9999px;top:0;z-index:2;background:var(--zuta);color:var(--noc);font-weight:700;padding:.7em 1.1em;border-radius:0 0 6px 0}
.preskoci:focus{left:0}
.okvir{width:100%;max-width:72rem;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
@media (min-width:720px){.okvir{padding-left:48px;padding-right:48px}}
.vrh{padding-top:22px}
@media (min-width:720px){.vrh{padding-top:40px}}
.logo-veza{display:inline-flex;align-items:center;min-height:48px;color:var(--bela);border-radius:4px}
.logo{display:block;height:34px;width:auto}
@media (min-width:720px){.logo{height:42px}}
.logo-tekst{fill:var(--bela)}
.logo-naglasak{fill:var(--zuta)}
.sunce{position:absolute;z-index:0;top:24px;right:max(20px,env(safe-area-inset-right));width:44px;height:44px;fill:var(--zuta);pointer-events:none}
@media (min-width:720px){.sunce{top:clamp(150px,22vh,240px);right:calc(max(0px,(100% - 72rem) / 2) + 48px);width:clamp(120px,15vw,210px);height:auto}}
@media (min-width:720px) and (max-width:1099px){.sunce{top:42px;width:72px}}
main{flex:1 0 auto;padding-top:clamp(2.5rem,9vh,6.5rem);padding-bottom:clamp(2.5rem,7vh,5rem)}
main>*{max-width:44rem}
h1{font:700 clamp(2.45rem,8.4vw,5.1rem)/1.02 "Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;letter-spacing:-.022em;color:var(--bela);margin:0 0 .5em;max-width:15ch;text-wrap:balance}
h1 .zuto{color:var(--zuta)}
.uvod{font-size:1.15em;line-height:1.5;margin:0 0 1.1em;max-width:36rem}
p{margin:0 0 1em}
.stanje{color:var(--sivo);max-width:34rem}
.radnje{margin:1.6em 0 1.4em}
.dugme{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.7em 1.5em;border-radius:999px;background:var(--zuta);color:#0B1626;font-weight:700;text-decoration:none;line-height:1.2;text-align:center}
.dugme:hover{background:var(--bela)}
.dugme:focus-visible{outline-color:var(--bela)}
.kontakt{color:var(--sivo)}
.kontakt a{display:inline-flex;align-items:center;min-height:44px;color:var(--bela);font-weight:700;overflow-wrap:anywhere}
.navodi{list-style:none;margin:2em 0;padding:0}
.navodi li{padding:1.1em 0;border-top:2px solid var(--talas);overflow-wrap:anywhere}
.navodi li:last-child{border-bottom:2px solid var(--talas)}
.navodi strong{color:var(--bela)}
.navodi .izvor{display:block;margin-top:.3em;color:var(--sivo);font-size:.95em}
.navodi a{color:var(--krem)}
.prazno{color:var(--sivo)}
.talasi{display:block;width:100%;height:96px;flex:none;margin-top:auto}
@media (min-width:720px){.talasi{height:150px}}
.t-zeleni{fill:var(--talas)}.t-plavi{fill:var(--plava)}
.dno{background:var(--plava);color:var(--krem);padding:.5rem 0 calc(2rem + env(safe-area-inset-bottom));font-size:.95rem;flex:none}
.dno ul{list-style:none;display:flex;flex-wrap:wrap;gap:0 1.6rem;margin:0 0 .6rem;padding:0}
.dno li a{display:inline-flex;align-items:center;min-height:44px;color:var(--bela)}
.dno p{margin:0;max-width:40rem;color:var(--sivo)}
@media (prefers-reduced-motion:no-preference){
h1,.uvod,.stanje,.radnje,.kontakt{animation:pojavi .6s cubic-bezier(.2,.7,.2,1) both}
.uvod{animation-delay:.08s}.stanje,.radnje,.kontakt{animation-delay:.16s}
}
@keyframes pojavi{from{opacity:0;transform:translateY(.4rem)}}
@media print{
html,body{background:#fff;color:#000}
body{display:block;min-height:0}
h1,h1 .zuto,.navodi strong,a,.kontakt a{color:#000}
.logo-tekst,.logo-naglasak{fill:#000}
.talasi,.preskoci,.sunce{display:none}
.dugme{background:none;color:#000;padding:0;min-height:0;text-decoration:underline}
.dugme::after{content:" (" attr(href) ")";font-weight:400}
.dno{background:none;color:#000}.dno p,.stanje,.kontakt,.navodi .izvor{color:#333}
}