/* Okraski NOČ ČAROVNIC (2026-11-01, uporabnik) — »obleka« za cel Blind Magik, NE tema: dodatek nad katerokoli temo
   (Moderno / Kristali / Original). Vklop po datumu (config.php OKRASKI: 28. 10.–3. 11.), predogled ?okraski=noc-carovnic.
   Plast .okr-plast (okraski.js) je fixed, pointer-events: none — ne prestreže klikov; pod glavo (.nav z-index 100),
   pod plavajočimi okni. Kartic profilov se NE dotika (spolna žarnica, zibanje). */
.okr-plast { position: fixed; inset: 0; z-index: 90; pointer-events: none; overflow: hidden; }
.okr-plast > * { position: absolute; pointer-events: none; }

/* Pajčevini v zgornjih kotih, tik pod glavo */
.okr-pajcevina { top: 64px; width: 150px; height: 150px; background: url('pajcevina.svg') no-repeat 0 0 / contain; }
.okr-pajcevina.levo { left: 0; }
.okr-pajcevina.desno { right: 0; transform: scaleX(-1); }

/* Pajek na niti — počasi se spušča in dviga */
.okr-pajek { top: 64px; right: 13%; width: 28px; animation: okr-pajek 7s ease-in-out infinite; transform-origin: top center; }
.okr-pajek::before { content: ''; display: block; width: 1px; height: 70px; margin: 0 auto; background: rgba(43,18,56,.55); }
.okr-pajek::after { content: ''; display: block; width: 28px; height: 24px; background: url('pajek.svg') no-repeat center / contain; }
@keyframes okr-pajek { 0%, 100% { transform: translateY(-40px); } 50% { transform: translateY(18px) rotate(3deg); } }

/* Netopirji — občasno preletijo zgornji del zaslona; krila mahajo (scaleY) */
.okr-netopir { left: -80px; width: 54px; height: 26px; animation: okr-let 16s linear infinite; }
.okr-netopir i { display: block; width: 100%; height: 100%; background: url('netopir.svg') no-repeat center / contain; animation: okr-mah .32s ease-in-out infinite alternate; }
.okr-netopir.n1 { top: 18%; animation-delay: 2s; }
.okr-netopir.n2 { top: 30%; width: 38px; height: 18px; animation-duration: 21s; animation-delay: 9s; }
.okr-netopir.n3 { top: 12%; width: 30px; height: 14px; animation-duration: 25s; animation-delay: 15s; }
@keyframes okr-let { 0% { transform: translate(0, 0); } 25% { transform: translate(28vw, -30px); } 50% { transform: translate(55vw, 25px); }
  75% { transform: translate(82vw, -15px); } 100% { transform: translate(calc(100vw + 160px), 10px); } }
@keyframes okr-mah { from { transform: scaleY(1); } to { transform: scaleY(.45); } }

/* Buči spodaj levo — svetlika kot sveča */
.okr-buce { left: .6rem; bottom: calc(.8rem + env(safe-area-inset-bottom)); display: flex; align-items: flex-end; gap: .2rem; }
.okr-buce i { display: block; background: url('buca.svg') no-repeat center bottom / contain; filter: drop-shadow(0 0 6px rgba(255,140,30,.55)); animation: okr-sveca 2.6s ease-in-out infinite; }
.okr-buce i:first-child { width: 46px; height: 42px; }
.okr-buce i:last-child { width: 32px; height: 29px; animation-delay: -1.1s; }
@keyframes okr-sveca { 0%, 100% { filter: drop-shadow(0 0 5px rgba(255,140,30,.45)); } 45% { filter: drop-shadow(0 0 11px rgba(255,150,40,.85)); } 60% { filter: drop-shadow(0 0 7px rgba(255,140,30,.6)); } }

/* Pika v logotipu »blindmagik.« — oranžna z žarom */
.nav-logo span, .auth-logo span, .zc-logo span { color: #ff7a00 !important; text-shadow: 0 0 8px rgba(255,122,0,.7); }

/* Telefon: manjše; buči nad plavajočo kartico/gumbom na dnu */
@media (max-width: 600px) {
  .okr-pajcevina { top: 58px; width: 96px; height: 96px; }
  .okr-pajek { top: 58px; right: 8%; }
  .okr-buce { bottom: calc(4.9rem + env(safe-area-inset-bottom)); }
  .okr-buce i:first-child { width: 34px; height: 31px; }
  .okr-buce i:last-child { width: 24px; height: 22px; }
}
@media (prefers-reduced-motion: reduce) { .okr-plast * { animation: none !important; } .okr-netopir { display: none; } }