/* JemraByte Studios — zaglavlje i podnožje iz novog dizajna (redizajn 26.10.2026.)
   Za stranice koje imaju vlastiti stil (jelovnici, upute, pravne stranice, 404): samo okvir stranice,
   s vlastitim tokenima da ne dira ostatak stranice. Učitava se uz assets/site.js. */
.hdr,.mnav,.ftr{--bg:#0B0C0F;--surface:#181B21;--line:#292D35;--line2:#3A3F4A;--fg:#F5F5F2;--muted:#A3A7B0;--dim:#8A8F9A;--y:#FFD21F;--y-line:rgba(255,210,31,.45);
  --head:'Space Grotesk',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;--maxc:1240px;--gut:clamp(20px,4vw,40px);--r-s:6px;--ease:cubic-bezier(.2,.8,.2,1)}
.hdr .wrap,.ftr .wrap{max-width:var(--maxc);margin:0 auto;padding:0 var(--gut)}
.hdr{position:sticky;top:0;z-index:60;background:rgba(11,12,15,.86);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line);font-family:var(--body)}
.hdr .wrap{display:flex;align-items:center;gap:24px;height:64px}
.hdr .brand,.ftr .brand{display:flex;align-items:center;gap:12px;flex:none;color:var(--fg)}
.hdr .brand svg,.ftr .brand svg{width:34px;height:34px}
.hdr .wm,.ftr .wm{font:700 17px/1 var(--head);letter-spacing:-.02em}
.hdr .wm em,.ftr .wm em{display:block;font-style:normal;font-weight:600;font-size:9px;letter-spacing:.42em;color:var(--y);margin-top:4px}
.hdr .nav{display:flex;align-items:center;gap:2px;margin-left:auto;position:static;background:none;border:0;backdrop-filter:none}
.hdr .nav a{position:relative;padding:10px 13px;font:500 14.5px var(--body);color:var(--muted);transition:color .2s}
.hdr .nav a:hover,.hdr .nav a[aria-current]{color:var(--fg)}
.hdr .hdr-r{display:flex;align-items:center;gap:10px}
.hdr .login{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--y-line);background:rgba(255,210,31,.06);font:500 14px var(--body);color:var(--fg);white-space:nowrap;transition:border-color .2s,background .2s}
.hdr .login b{color:var(--y);font-weight:700}
.hdr .login:hover{border-color:var(--y);background:rgba(255,210,31,.13)}
.hdr .hbtn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:var(--r-s);background:var(--y);color:#0B0C0F;font:600 14px var(--body);transition:background .2s}
.hdr .hbtn:hover{background:#FFE066}
.hdr .burger{display:none;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r-s);background:none;cursor:pointer}
.hdr .burger span{display:block;width:18px;height:2px;background:var(--fg);transition:.3s var(--ease)}
.hdr .burger span+span{margin-top:5px}
.hdr.open .burger span:first-child{transform:translateY(3.5px) rotate(45deg)}
.hdr.open .burger span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mnav{display:none}
@media (max-width:1060px){
  .hdr .nav,.hdr .login,.hdr .hdr-r .hbtn{display:none}
  .hdr .burger{display:flex}
  .hdr .hdr-r{margin-left:auto}
  .mnav{display:block;position:fixed;inset:64px 0 0 0;background:var(--bg);padding:40px var(--gut);transform:translateY(-8px);opacity:0;visibility:hidden;transition:.3s var(--ease);overflow:auto;z-index:59}
  .hdr.open .mnav{opacity:1;visibility:visible;transform:none}
  .mnav a{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font:600 26px var(--head);letter-spacing:-.02em;color:var(--fg)}
  .mnav a::after{content:"→";color:var(--y);font-size:20px}
  .mnav a.hbtn{justify-content:center;margin-top:40px;min-height:52px;border:0;border-radius:var(--r-s);background:var(--y);color:#0B0C0F;font:600 16px var(--body)}
  .mnav a.hbtn::after{content:none}
}
.ftr{position:relative;background:var(--bg);color:var(--muted);border-top:1px solid var(--line);padding:96px 0 40px;overflow:hidden;font:15px/1.6 var(--body)}
.ftr-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
.ftr h4,.ftr .fh{font:600 12px var(--head);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0 0 16px}
.ftr ul{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.ftr a{color:var(--muted);transition:color .2s;text-decoration:none}
.ftr a:hover{color:var(--y)}
.ftr .about p{max-width:340px;margin-top:16px}
.ftr-word{font:700 clamp(54px,13vw,190px)/.78 var(--head);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #23262E;margin-top:96px;white-space:nowrap;user-select:none;display:flex;align-items:flex-end}
.ftr-word i{display:inline-block;width:.16em;height:.16em;border-radius:.03em;background:var(--y);margin-left:.06em;margin-bottom:.02em;flex:none}
.ftr-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:24px;font-size:13.5px;color:var(--dim)}
@media (max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr}.ftr .about{grid-column:1/-1}}
@media (max-width:520px){.ftr-grid{grid-template-columns:1fr}}
.hdr.open{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}
.ftr li{margin:0}
.ftr .about p{color:var(--muted);margin:16px 0 0}
.hdr .nav a,.mnav a{text-decoration:none}
.hdr a,.ftr a,.mnav a{text-decoration:none}

/* Skip link (pristupačnost, audit 6.11.2026.) */
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:#FFD21F;color:#0B0C0F;padding:10px 16px;border-radius:6px;font:600 15px/1.2 'Inter',system-ui,sans-serif;text-decoration:none}
.skip:focus{top:12px}