/* eclat_tour.css — wirtualna wycieczka 360° */

#tour-overlay{
  position:fixed;inset:0;z-index:8500;
  background:#0A0608;
  display:none;flex-direction:column;
}
#tour-overlay.on{display:flex}

#tour-viewer{flex:1;min-height:0;position:relative}

#tour-hotspot-layer{
  position:absolute;inset:0;
  pointer-events:none;z-index:5;
}

.tour-hs{
  position:absolute;
  transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:7px;
  pointer-events:auto;cursor:pointer;
}
.tour-hs-label{
  font-family:'Montserrat',sans-serif;
  font-size:8px;letter-spacing:.2em;text-transform:uppercase;
  color:#C49A6C;
  background:rgba(10,6,8,.85);
  border:1px solid rgba(196,154,108,.5);
  border-radius:2px;padding:4px 11px;
  white-space:nowrap;pointer-events:none;
}
.tour-hs-dot{
  width:26px;height:26px;border-radius:50%;
  background:rgba(196,154,108,.15);
  border:1px solid rgba(196,154,108,.7);
  animation:tour-hs-pulse 2s ease-in-out infinite;
  transition:background .2s,transform .2s;
}
.tour-hs:hover .tour-hs-dot,
.tour-hs:active .tour-hs-dot{
  background:rgba(196,154,108,.4);
  transform:scale(1.3);
  animation:none;
}
@keyframes tour-hs-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(196,154,108,0)}
  50%{box-shadow:0 0 0 6px rgba(196,154,108,.18)}
}

.tour-topbar{
  height:50px;flex-shrink:0;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 18px;
  background:rgba(10,6,8,.88);
  border-bottom:1px solid rgba(196,154,108,.14);
  backdrop-filter:blur(20px);
}
.tour-title{
  font-family:'Cormorant Garamond',serif;
  font-size:16px;font-weight:300;letter-spacing:.18em;
  color:#C49A6C;
}
.tour-room-lbl{
  font-family:'Montserrat',sans-serif;
  font-size:8px;letter-spacing:.3em;text-transform:uppercase;
  color:#B8988E;
}
.tour-close{
  font-family:'Montserrat',sans-serif;
  font-size:7px;letter-spacing:.25em;text-transform:uppercase;
  color:#B8988E;background:none;
  border:1px solid rgba(196,154,108,.25);
  padding:7px 15px;cursor:pointer;transition:all .2s;
}
.tour-close:hover{color:#C49A6C;border-color:#C49A6C}

.tour-bottombar{
  height:56px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;gap:28px;
  background:rgba(10,6,8,.88);
  border-top:1px solid rgba(196,154,108,.14);
  backdrop-filter:blur(20px);
}
.tour-nav-btn{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  background:none;border:none;cursor:pointer;
  opacity:.4;transition:opacity .22s;
}
.tour-nav-btn.active{opacity:1}
.tour-nav-btn:hover{opacity:.75}
.tour-nav-dot{
  width:6px;height:6px;border-radius:50%;
  background:rgba(196,154,108,.25);
  border:1px solid #C49A6C;
  transition:background .2s;
}
.tour-nav-btn.active .tour-nav-dot{background:#C49A6C}
.tour-nav-lbl{
  font-family:'Montserrat',sans-serif;
  font-size:6.5px;letter-spacing:.22em;text-transform:uppercase;
  color:#B8988E;
}
.tour-nav-btn.active .tour-nav-lbl{color:#C49A6C}

.tour-hint{
  position:absolute;bottom:70px;left:50%;transform:translateX(-50%);
  font-family:'Montserrat',sans-serif;
  font-size:7px;letter-spacing:.28em;text-transform:uppercase;
  color:#B8988E;
  animation:tour-hint-pulse 2.5s ease-in-out infinite;
  white-space:nowrap;pointer-events:none;
}
@keyframes tour-hint-pulse{0%,100%{opacity:.35}50%{opacity:.8}}

/* Pannellum overrides */
.pnlm-controls-container{display:none!important}
.pnlm-load-box{background:rgba(10,6,8,.9)!important;border-radius:0!important}
.pnlm-lbar{background:#C49A6C!important;height:1px!important}
.pnlm-lbar-fill{background:rgba(196,154,108,.25)!important}

@media(max-width:480px){
  .tour-topbar{padding:0 12px}
  .tour-title{font-size:13px}
  .tour-room-lbl{display:none}
  .tour-close{padding:6px 10px;font-size:6px}
  .tour-bottombar{gap:20px}
}