:root{--paper: #f4f0e6;--ink: #1c2822;--pine: #1f3d32;--pine-2: #2f5c48;--sand: #e7e0d2;--gold: #c4a574;--muted: #5c6b62;font-family:"Source Sans 3",Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 8vw;position:sticky;top:0;background:#f4f0e6eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.brand{display:flex;align-items:center;text-decoration:none}.brand img{height:64px;width:auto;display:block}nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}nav a,.nav-btn{text-decoration:none;font-weight:600}nav a:hover,.nav-btn:hover{color:var(--pine-2)}.nav-btn{border:0;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit}.nav-btn.aktivan{color:var(--pine)}.hero{position:relative;min-height:78vh;padding:18vh 8vw 140px;background:linear-gradient(180deg,#12201b59,#12201b9e),url(/slike/naslovna.jpg) center 42% / cover no-repeat;overflow:hidden;color:#f7f4ee}.hero .kicker{color:#e7d3a8}.hero h1,.hero .lead{color:#f7f4ee}.btn.svetlo{background:#f4f0e6;color:var(--pine)}.btn.svetlo:hover{background:#fff}.kicker{margin:0 0 8px;letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:700;color:var(--pine-2)}h1,h2,h3{font-family:Literata,Palatino,Palatino Linotype,serif;font-weight:500}h1{margin:0;font-size:clamp(64px,12vw,128px);line-height:.9;color:var(--pine)}.lead{max-width:36rem;font-size:22px;line-height:1.45}.btn,.mejl{display:inline-block;background:var(--pine);color:#f7f4ee;text-decoration:none;border-radius:999px;padding:12px 18px;border:0;cursor:pointer;font:inherit;font-weight:700}.btn:hover,.mejl:hover{background:var(--pine-2)}.btn.secondary{background:transparent;color:var(--pine);border:1px solid var(--pine)}.btn.secondary:hover{background:#fff}.btn:disabled{opacity:.6;cursor:wait}.galerija{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.galerija li{display:grid;gap:8px;align-content:start}.galerija .foto{display:block;width:100%;padding:0;border:0;background:#1f3d32;cursor:pointer;border-radius:16px;overflow:hidden;text-align:left;color:#f7f4ee}.ukloni-sliku{justify-self:start;padding:8px 14px}.galerija img{display:block;width:100%;height:220px;object-fit:cover}.galerija span{display:block;padding:10px 12px 12px;font-weight:700}.pridruzi{padding:72px 8vw;background:linear-gradient(180deg,#12201b8c,#12201bb8),url(/slike/stara.jpg) center / cover no-repeat;color:#f7f4ee}.pridruzi h2,.pridruzi p{color:#f7f4ee}.pridruzi p{max-width:36rem}.svetlo-kutija{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;cursor:zoom-out;display:grid;align-content:center;justify-items:center;gap:10px;padding:24px;background:#0c1411e0;color:#f7f4ee}.svetlo-kutija img{max-width:min(1100px,92vw);max-height:78vh;object-fit:contain;border-radius:12px}.svetlo-kutija span{font-weight:700}.panel{padding:64px 8vw}.panel h2{margin:0 0 8px;font-size:40px;color:var(--pine)}.panel p{max-width:42rem;font-size:18px;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 0;padding:0;list-style:none}.cards li{background:#fff;border:1px solid var(--sand);border-radius:18px;padding:18px 18px 8px}.cards h3{margin:0 0 8px;font-size:24px}.kalendar-okvir{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:28px;align-items:start;margin-top:20px}.mesec-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.mesec-head h3{margin:0;font-size:26px;color:var(--pine);text-align:center}.mesec-head .btn{padding:8px 12px}.dana-mreza{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:14px}.dan-ime{text-align:center;font-size:12px;font-weight:700;color:var(--muted);padding-bottom:4px}.dan{aspect-ratio:1;border-radius:12px;border:1px solid var(--sand);background:#fff;font:inherit;font-weight:700;cursor:pointer;color:var(--ink);padding:0}.dan.prazan{visibility:hidden}.dan.danas{border-color:var(--pine)}.dan.ima{background:var(--pine);color:#f7f4ee}.dan.izabran{outline:2px solid var(--gold);outline-offset:2px}.kalendar-okvir h3{margin:0 0 12px;color:var(--pine)}.kontakt{background:var(--sand)}.mejl{font-size:20px;margin-top:8px}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px 8vw 28px;background:var(--pine);color:#f3efe4}footer a{color:var(--gold);font-weight:700}.login-wrap{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:28px 20px 48px}.login-card{width:min(480px,100%);background:#fff;border:1px solid var(--sand);border-radius:20px;padding:28px}.login-naslov{margin:0 0 8px;font-size:40px;color:var(--pine);line-height:1}.login-hint{margin-top:0;color:var(--muted)}.login-card label,.admin-forma label{display:grid;gap:6px;margin-bottom:14px;font-weight:600}.login-card input,.login-card textarea,.admin-forma input,.admin-forma textarea{font:inherit;padding:12px;border-radius:12px;border:1px solid var(--sand);background:var(--paper);color:var(--ink);width:100%}.login-akcije{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.greska{color:#8f2d2d;font-weight:700}.admin{max-width:860px}.admin-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}.admin-forma{margin:8px 0 28px}.forma-u-sekciji{margin:18px 0 28px}.mini-foto{width:140px;height:92px;object-fit:cover;border-radius:10px;display:block;margin-bottom:8px}.admin-forma h2{font-size:28px}.stavke,.vesti{list-style:none;margin:0;padding:0;display:grid;gap:12px}.stavke li,.vesti li{background:#fff;border:1px solid var(--sand);border-radius:18px;padding:16px 18px}.stavke li{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.stavke li.menja{display:block}.stavke select,.admin-forma select{font:inherit;padding:12px;border-radius:12px;border:1px solid var(--sand);background:var(--paper);color:var(--ink);width:100%}.stavka-datum{margin:0 0 4px;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.04em}.stavke h3,.vesti h3{margin:0 0 6px}.stavke p,.vesti p{margin:0;white-space:pre-wrap}@media (max-width: 760px){.top,.hero,.panel,footer{padding-left:20px;padding-right:20px}.cards,.galerija,.kalendar-okvir{grid-template-columns:1fr}nav{gap:10px}.galerija img{height:200px}}