/* Enothera Rosema — identitate vizuală pentru turul virtual.
   Fișier adăugat de noi; style.css primit de la fotograf rămâne neatins.
   Fără fonturi sau resurse din afară: turul trebuie să funcționeze singur, rapid și fără
   să ceară nimic de pe alte servere. */

:root{
  --eno-verde:#07271c;
  --eno-verde-sticla:rgba(7,39,28,.88);
  --eno-auriu:#EAB672;
  --eno-crem:#F4EAD6;
}

/* bara de sus: numele scenei, cu emblema alături */
#titleBar{
  background:var(--eno-verde-sticla)!important;
  border:1px solid rgba(234,182,114,.35)!important;
  border-radius:999px!important;
  box-shadow:0 6px 24px rgba(0,0,0,.35)!important;
  height:auto!important;
  padding:9px 20px 9px 48px!important;
  background-image:url('foto/emblema.png')!important;
  background-repeat:no-repeat!important;
  background-size:22px auto!important;
  background-position:16px center!important;
}
#titleBar .sceneName{
  color:var(--eno-crem)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:16px!important;
  letter-spacing:.02em;
  line-height:1.3!important;
  text-shadow:none!important;
}

/* nota „imagine reprezentativă”, discretă, jos de tot */
#sceneNote{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:5;
  pointer-events:none;
  max-width:min(92vw,620px);
  box-sizing:border-box;
  padding:6px 14px;
  border-radius:16px;
  background:rgba(24,44,34,.72);
  color:rgba(234,182,114,.92);
  font-family:Georgia,'Times New Roman',serif;
  font-size:12px;
  font-style:italic;
  line-height:1.35;
  text-align:center;
  letter-spacing:.01em;
}
#sceneNote:empty{display:none}
@media (max-width:520px){
  #sceneNote{font-size:11px;bottom:10px;padding:5px 11px}
}

/* lista de scene */
#sceneList{
  background:var(--eno-verde-sticla)!important;
  border:1px solid rgba(234,182,114,.3)!important;
  border-radius:14px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.4)!important;
}
#sceneList .scenes{background:transparent!important}
#sceneList .scene .text{
  color:var(--eno-crem)!important;
  font-size:15px!important;
  letter-spacing:.01em;
  border-bottom:1px solid rgba(234,182,114,.12)!important;
}
#sceneList .scene:hover .text{background:rgba(234,182,114,.16)!important}
#sceneList .scene.current .text{
  background:rgba(234,182,114,.26)!important;
  color:#FFF5E2!important;
  box-shadow:inset 3px 0 0 var(--eno-auriu);
}

/* butoanele rotunde */
#autorotateToggle,#fullscreenToggle,#sceneListToggle,.viewControlButton{
  background:var(--eno-verde-sticla)!important;
  border:1px solid rgba(234,182,114,.35)!important;
  border-radius:999px!important;
  box-shadow:0 4px 16px rgba(0,0,0,.3)!important;
}
#autorotateToggle:hover,#fullscreenToggle:hover,#sceneListToggle:hover,.viewControlButton:hover{
  background:rgba(234,182,114,.3)!important;
}

/* hotspot-urile cu informații */
.info-hotspot .info-hotspot-header{
  background:var(--eno-verde)!important;
  border:1px solid rgba(234,182,114,.4)!important;
  border-radius:999px 999px 0 0!important;
}
.info-hotspot.visible .info-hotspot-header{border-bottom-color:transparent!important}
.info-hotspot .info-hotspot-icon-wrapper{background:transparent!important}
.info-hotspot .info-hotspot-title-wrapper{background:transparent!important}
.info-hotspot .info-hotspot-title{
  color:var(--eno-crem)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:15px!important;
}
.info-hotspot .info-hotspot-close-wrapper{background:rgba(234,182,114,.22)!important;border-radius:0 999px 0 0!important}
.info-hotspot .info-hotspot-text{
  background:var(--eno-verde)!important;
  color:var(--eno-crem)!important;
  border:1px solid rgba(234,182,114,.4)!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  font-size:14.5px!important;
  line-height:1.6!important;
  padding:14px 16px!important;
}
.info-hotspot .info-hotspot-text img{
  max-width:100%!important;height:auto!important;max-height:32vh!important;object-fit:cover;
  border-radius:10px;margin-bottom:10px;display:block;
}
.info-hotspot .info-hotspot-text{max-height:62vh!important;overflow-y:auto!important}
.link-hotspot-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}

@media (max-width:600px){
  #titleBar{padding:8px 14px 8px 40px!important;background-size:18px auto!important;background-position:12px center!important}
  #titleBar .sceneName{font-size:14px!important}
  .info-hotspot .info-hotspot-text{font-size:14px!important}
}