/* Čudesna Šuma – špagica za svjetlo na naslovnici (v1.11.33). Učitava se samo na naslovnici. */
body.home .noc-btn{display:none}                 /* na naslovnici svjetlo pali/gasi špagica */
.spagica{position:absolute;z-index:2;width:44px;margin-left:-22px;height:calc(var(--sp-l,64px) + 30px);cursor:pointer;
  -webkit-tap-highlight-color:transparent;outline:none;opacity:0;transition:opacity .3s}
.spagica.spremna{opacity:1}
.sp-ljulj{position:absolute;left:50%;top:0;width:0;height:100%;transform-origin:50% 0}
.sp-uze{position:absolute;left:-1px;top:0;width:2px;height:var(--sp-l,64px);border-radius:1px;transform-origin:50% 0;
  background:repeating-linear-gradient(180deg,#8a6236 0 3px,#b88a52 3px 6px);box-shadow:0 0 0 .5px rgba(255,255,255,.45)}
.sp-kugla{position:absolute;left:-8px;top:calc(var(--sp-l,64px) - 2px);width:16px;height:20px;border-radius:50% 50% 46% 46%/42% 42% 58% 58%;
  background:radial-gradient(circle at 38% 30%,#fff6d6 0 18%,#f3c64e 45%,#c98a1c 100%);
  box-shadow:0 2px 3px rgba(40,25,5,.35),0 0 0 1.5px #fff}
html.noc .sp-uze{background:repeating-linear-gradient(180deg,#e9dcae 0 3px,#bfae7a 3px 6px);box-shadow:0 0 3px rgba(255,240,190,.35)}
html.noc .sp-kugla{background:radial-gradient(circle at 38% 30%,#fffbe8 0 20%,#ffe58a 50%,#d9a63a 100%);
  box-shadow:0 0 10px 2px rgba(255,226,130,.55),0 0 0 1.5px #fff8dc}
.spagica:focus-visible .sp-kugla{outline:3px solid #f3c64e;outline-offset:3px}
html.noc .spagica:focus-visible .sp-kugla{outline-color:#fff4c2}
/* miš preko: mali trzaj (zanjiše se) */
.spagica.mah .sp-ljulj{animation:sp-mah .9s ease-out}
@keyframes sp-mah{0%{transform:rotate(0)}18%{transform:rotate(7deg)}40%{transform:rotate(-5deg)}62%{transform:rotate(3deg)}82%{transform:rotate(-1.2deg)}100%{transform:rotate(0)}}
/* klik / dodir: povuče se dolje pa odskoči kao opruga */
.spagica.vuci .sp-uze{animation:sp-uze .7s cubic-bezier(.3,.7,.4,1)}
.spagica.vuci .sp-kugla{animation:sp-kugla .7s cubic-bezier(.3,.7,.4,1)}
@keyframes sp-uze{0%{transform:scaleY(1)}22%{transform:scaleY(1.32)}45%{transform:scaleY(.9)}65%{transform:scaleY(1.07)}82%{transform:scaleY(.98)}100%{transform:scaleY(1)}}
@keyframes sp-kugla{0%{transform:translateY(0)}22%{transform:translateY(calc(var(--sp-l,64px) * .32))}45%{transform:translateY(calc(var(--sp-l,64px) * -.1))}65%{transform:translateY(calc(var(--sp-l,64px) * .07))}82%{transform:translateY(calc(var(--sp-l,64px) * -.02))}100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.spagica,.spagica *{animation:none!important;transition:none!important}}
@media print{.spagica{display:none}}