/* ===== VIRTUELNI OBILAZAK (.tura) - 2.5D dubina, samostalan modul ===== */
.tura{position:relative;background:#1E1512;color:var(--on,#F6EFE2);--pad:clamp(20px,5vw,80px)}
.tura__stage{position:relative;height:100vh;height:100svh;overflow:hidden;contain:paint}
.tura--gl{height:calc(100svh + (var(--n,6) - 1) * 80svh)}
.tura--gl .tura__stage{position:sticky;top:0}
.tura__gl{position:absolute;inset:0;width:100%;height:100%;display:block}
/* senka za čitljivost: dole levo + traka ispod headera */
.tura__senka{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 0% 100%,rgba(24,14,11,.78) 0%,rgba(24,14,11,.38) 38%,rgba(24,14,11,0) 64%),linear-gradient(rgba(24,14,11,.42),rgba(24,14,11,0) 22%)}

/* zastor za vreme prelaza (svetla ilustracija): --z 0..1 iz tura.js */
.tura__zastor{position:absolute;inset:0;pointer-events:none;opacity:var(--z,0);
  background:radial-gradient(95% 75% at 0% 100%,rgba(30,18,14,.82) 0%,rgba(30,18,14,.5) 40%,rgba(30,18,14,0) 70%),radial-gradient(42% 72% at 100% 74%,rgba(30,18,14,.78),rgba(30,18,14,.35) 50%,rgba(30,18,14,0) 80%),linear-gradient(rgba(30,18,14,.5),rgba(30,18,14,0) 20%)}
.tura__st,.tura__mapa{text-shadow:0 1px 18px rgba(20,12,9,.55),0 0 2px rgba(20,12,9,.25)}
.tura .b{text-shadow:none}

/* header dok je obilazak ispod njega: svetao logo/meni, dugmad invertovana, bez trake */
.hdr.hdr--tura{color:var(--on)}
.hdr.hdr--tura::before{opacity:1;background:linear-gradient(rgba(24,14,11,.55),rgba(24,14,11,0));border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.hdr.hdr--tura .hdr-logo{color:var(--on);filter:drop-shadow(0 2px 14px rgba(20,10,8,.45))}
.hdr.hdr--tura .hdr-nav a{text-shadow:0 1px 12px rgba(20,10,8,.5)}
.hdr.hdr--tura .hdr-nav a::after{background:var(--on)}
.hdr.hdr--tura .hdr-nav .jez a[aria-current]{color:inherit}
.hdr.hdr--tura .hdr-tel{background:var(--on);color:var(--acc)}
.hdr.hdr--tura .hdr-tel::before{background:#fff}
.hdr.hdr--tura .hdr-tel .bc{background:var(--acc);color:var(--on)}
.hdr.hdr--tura .kor-dugme,.hdr.hdr--tura .hdr-burger{color:var(--on);border-color:rgba(246,239,226,.7)}

/* tekst stanica - sve u istoj ćeliji, vidi se aktivna */
.tura__stanice{list-style:none;margin:0;padding:0;position:absolute;left:var(--pad);bottom:clamp(36px,8vh,96px);width:min(600px,calc(100% - 2 * var(--pad)));display:grid;z-index:2}
.tura__st{grid-area:1/1;align-self:end;visibility:hidden;transition:visibility 0s .6s}
.tura__st.is-on{visibility:visible;transition:none}
.tura__st>*{opacity:0;transform:translateY(22px);transition:opacity .45s var(--ease,ease),transform .7s var(--ease,ease)}
.tura__st.is-on>*{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 70ms + 120ms)}
.tura__nad{font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#E9C9B4;margin:0 0 14px}
.tura__naziv{font-family:var(--fd,"Marcellus",serif);font-weight:400;font-style:normal;font-size:clamp(2.3rem,5.2vw,4.9rem);line-height:1.02;letter-spacing:-.01em;margin:0 0 18px;color:var(--on,#F6EFE2);text-wrap:balance}
.tura__opis{font-size:clamp(.95rem,1.1vw,1.06rem);line-height:1.6;max-width:46ch;margin:0 0 26px;color:rgba(246,239,226,.88)}
.tura__pod{font-family:var(--fd,"Marcellus",serif);font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.35;max-width:34ch;margin:-6px 0 14px;color:#E9C9B4}
.tura__st>:nth-child(2){--i:1}.tura__st>:nth-child(3){--i:2}.tura__st>:nth-child(4){--i:3}.tura__st>:nth-child(5){--i:4}

/* brojač + mapa stanica (desno) */
.tura__mapa{position:absolute;z-index:2;right:var(--pad);bottom:clamp(36px,8vh,96px);display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.tura__broj{font-family:var(--fd,"Marcellus",serif);font-size:1rem;letter-spacing:.08em;margin:0 0 14px;color:rgba(246,239,226,.7);font-variant-numeric:tabular-nums}
.tura__broj b{font-weight:400;font-size:2.6rem;color:var(--on,#F6EFE2);letter-spacing:0;margin-right:6px;vertical-align:-.12em}
.tura__ide{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;padding:5px 0;font-size:.84rem;color:rgba(246,239,226,.55);transition:color .3s}
.tura__ide::after{content:"";width:18px;height:1px;background:currentColor;transition:width .45s var(--ease,ease),background-color .3s}
.tura__ide:hover,.tura__ide:focus-visible{color:var(--on,#F6EFE2)}
.tura__ide:focus-visible{outline:1px solid rgba(246,239,226,.6);outline-offset:4px}
.tura__ide.is-on{color:var(--on,#F6EFE2)}
.tura__ide.is-on::after{width:44px;background:#E9C9B4}

/* nagoveštaj */
.tura__nag{position:absolute;z-index:2;left:50%;bottom:22px;transform:translateX(-50%);margin:0;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,239,226,.66);display:flex;align-items:center;gap:10px;white-space:nowrap;transition:opacity .5s}
.tura__nag i{width:1px;height:26px;background:rgba(246,239,226,.5);transform-origin:top;animation:tura-nag 2.2s var(--ease,ease) infinite}
.tura.je-kraj .tura__nag{opacity:0}
@keyframes tura-nag{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---- FALLBACK: bez WebGL-a / prefers-reduced-motion = ploče sa fotografijom ---- */
.tura--ploce .tura__stanice{position:static;width:auto;display:block}
.tura--ploce .tura__st{visibility:visible;position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--hdr,88px) + 40px) var(--pad) clamp(40px,9vh,100px);overflow:hidden;isolation:isolate}
.tura--ploce .tura__st>*{max-width:600px}
.tura--ploce .tura__st>.tura__foto{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;z-index:-2;opacity:1;transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .9s var(--ease,ease)}
.tura--ploce .tura__st::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 90% at 0% 100%,rgba(24,14,11,.8),rgba(24,14,11,.3) 45%,rgba(24,14,11,.05) 70%)}
.tura--ploce .tura__st>:not(.tura__foto){opacity:0;transform:translateY(18px)}
.tura--ploce .tura__st.vid>:not(.tura__foto){opacity:1;transform:none}
.tura--ploce .tura__bk{font-family:var(--fd,"Marcellus",serif);font-size:.95rem;letter-spacing:.08em;color:rgba(246,239,226,.7);margin:0 0 10px}
.tura--ploce .tura__stage{height:auto;overflow:visible;contain:none}
.tura--ploce .tura__mapa,.tura--ploce .tura__nag,.tura--ploce .tura__gl,.tura--ploce .tura__senka,.tura--ploce .tura__zastor{display:none}
/* touch: bez miša foto sam plovi (kao hover na desktopu) */
@media (hover:none) and (prefers-reduced-motion:no-preference){.tura--ploce .tura__st.vid>.tura__foto{animation:tura-plovi 16s ease-in-out infinite alternate}}
@keyframes tura-plovi{0%{transform:scale(1) translate3d(0,0,0)}50%{transform:scale(1.05) translate3d(-1.6%,.8%,0)}100%{transform:scale(1.03) translate3d(1.4%,-.8%,0)}}
@media (prefers-reduced-motion:reduce){.tura--ploce .tura__st>*{transition:opacity .6s}.tura--ploce .tura__st>.tura__foto{transform:none}}

/* ---- mobilni ---- */
@media (max-width:1023px){
  .tura__ide{display:none}
  .tura__broj{margin:0}
}
@media (max-width:760px){
  .tura__senka{background:linear-gradient(0deg,rgba(24,14,11,.86) 0%,rgba(24,14,11,.5) 34%,rgba(24,14,11,0) 62%),linear-gradient(rgba(24,14,11,.45),rgba(24,14,11,0) 20%)}
  .tura__stanice{bottom:64px}
  .tura__naziv{font-size:clamp(2rem,9.4vw,2.7rem);margin-bottom:12px}
  .tura__opis{font-size:.93rem;line-height:1.55;margin-bottom:20px}
  .tura__nad{margin-bottom:10px}
  .tura__mapa{top:calc(var(--hdr,72px) + 14px);bottom:auto;left:var(--pad);right:auto;align-items:flex-start}
  .tura__broj b{font-size:1.9rem}
  .tura__nag{bottom:20px;left:var(--pad);transform:none;font-size:.68rem}
  .tura__nag i{height:18px}
}