/* MUSZG — virtualna šetnja. Boje i pismo prate ostatak stranice. */
:root{
  --plava:#0144C9;
  --ugljen:#111111;
  --bijela:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#0b1020;overflow:hidden;
  font-family:Inter,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}

.setnja{position:absolute;inset:0}

/* Pannellumov vlastiti natpis i kontrolne tipke — usklađeni s ostatkom stranice */
.pnlm-container{background:#0b1020}
.pnlm-load-box{background:#0b1020;border:1px solid rgba(255,255,255,.15);color:#fff}
.pnlm-lbox{background:#0b1020}
.pnlm-title-box{font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.pnlm-about-msg{display:none}          /* pripis stoji na stranici, ne preko postava */

/* Točke prijelaza: kružić s bijelim obrubom, vidljiv na svjetloj i tamnoj podlozi.
   Pannellum svojim točkama daje sličicu iz sprajta — zato `background-image:none`,
   inače ostane njegov tamni kružić ispod našega. */
.pnlm-hotspot-base.tocka{width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;border-radius:50%;
  background-image:none;background-color:rgba(1,68,201,.88);border:3px solid rgba(255,255,255,.92);
  box-shadow:0 2px 10px rgba(0,0,0,.35);cursor:pointer;transition:transform .15s}
.pnlm-hotspot-base.tocka::after{content:"";position:absolute;inset:0;margin:auto;width:.75rem;height:.75rem;
  border-right:3px solid #fff;border-top:3px solid #fff;transform:rotate(45deg) translate(-3px,3px)}
.pnlm-hotspot-base.tocka:hover{transform:scale(1.12)}

/* Natpis se pokazuje TEK na prijelaz mišem: inače stoji preko postava i, kod
   točke uz rub, strši izvan prozora. */
.tocka__oblacic{display:none;position:absolute;left:50%;bottom:3.2rem;transform:translateX(-50%);
  background:rgba(17,17,17,.92);color:#fff;padding:.4rem .7rem;font-size:.85rem;
  white-space:nowrap;pointer-events:none;border-radius:2px}
/* Samo za pokazivačke uređaje: na dodirniku „prijelaz mišem“ ne postoji, pa bi
   natpis ostao zalijepljen preko postava nakon prvog dodira. */
@media (hover: hover) and (pointer: fine){
  .pnlm-hotspot-base.tocka:hover .tocka__oblacic,
  .pnlm-hotspot-base.tocka:focus-visible .tocka__oblacic{display:block}
}

/* Popis prostorija */
/* Gore desno: dolje lijevo Pannellum ispisuje naziv prostorije, gore lijevo su
   njegove tipke, a dolje desno stranica ima svoj gumb za pomoć. */
.popis{position:absolute;right:1rem;top:1rem;z-index:5;max-width:min(20rem,70vw);text-align:right}
.popis__gumb{font:inherit;font-weight:600;font-size:.85rem;letter-spacing:.06em;
  text-transform:uppercase;padding:.6rem 1rem;border:0;cursor:pointer;
  background:var(--plava);color:#fff}
.popis__gumb:hover{background:#013596}
.popis__stavke{display:none;list-style:none;margin:.5rem 0 0;padding:0;
  background:rgba(255,255,255,.96);box-shadow:0 6px 24px rgba(0,0,0,.3);max-height:50vh;overflow:auto}
.popis--otvoren .popis__stavke{display:block}
.popis__stavke button{display:block;width:100%;text-align:left;font:inherit;font-size:.92rem;
  padding:.65rem 1rem;border:0;background:none;cursor:pointer;color:var(--ugljen)}
.popis__stavke button:hover{background:#eef2fb}
.popis__stavke button[aria-current="true"]{background:var(--plava);color:#fff;font-weight:600}

.javi{position:absolute;left:50%;top:1rem;transform:translateX(-50%);z-index:6;margin:0;
  background:rgba(179,38,30,.95);color:#fff;padding:.6rem 1rem;font-size:.9rem;max-width:90vw}

@media (max-width:640px){
  .popis{right:.6rem;top:.6rem}
  .tocka{width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem}   /* prst nije miš */
}