/* GeoCMS Panorama Viewer Styles
 * Kann auf der einbindenden Homepage überschrieben werden.
 * Wenn diese Datei (oder eine eigene mit id="gcms-pano-styles")
 * bereits geladen ist, wird panorama.js keine eigene CSS injizieren.
 */

/* ── Wrapper ─────────────────────────────────────────────── */
.gcms-pano-wrap { position:relative; width:100%; height:100%; overflow:hidden; }
.gcms-pano-viewer { width:100%; height:100%; }

/* ── Split-View ──────────────────────────────────────────── */
.gcms-split-wrap { display:flex; width:100%; height:100%; }
.gcms-split-wrap.horizontal { flex-direction:column; }
.gcms-split-wrap.vertical   { flex-direction:row; }
.gcms-split-map  { flex:1; min-width:0; min-height:0; position:relative; }
.gcms-split-pano { flex:1; min-width:0; min-height:0; position:relative; }

/* ── Minimap ─────────────────────────────────────────────── */
.gcms-minimap {
  position:absolute; bottom:16px; right:16px; z-index:400;
  width:200px; height:140px;
  border-radius:8px; overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,.4);
  border:2px solid rgba(255,255,255,.7);
}

/* ── Standort-Label ──────────────────────────────────────── */
.gcms-pano-label {
  position:absolute; top:14px; left:50%; transform:translateX(-50%);
  z-index:400; background:rgba(0,0,0,.55); color:#fff;
  font-family:sans-serif; font-size:13px; font-weight:500;
  padding:5px 14px; border-radius:100px; white-space:nowrap;
  pointer-events:none;
}

/* ── Blickrichtungs-Marker ───────────────────────────────── */
.gcms-pano-bearing-marker {
  width:0; height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-bottom:18px solid var(--nabu-blau);
  transform-origin:50% 100%;
  position:absolute; top:0; left:0;
}

/* ── Info-Hotspots (Pannellum Standard) ──────────────────── */
.pnlm-hotspot-base { cursor:pointer; }
.gcms-hs-warning.pnlm-hotspot-base { background-color:var(--nav-extra-background); }
.gcms-hs-custom.pnlm-hotspot-base  { background-color:var(--aside-sect-green); }

/* ── Scene/Link-Hotspots ─────────────────────────────────── */
.gcms-hs-link {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--nabu-blau);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,.5);
  color: #fff;
  font-size: 12px;
  line-height: 1;
}
.gcms-hs-link:hover {
  background: var(--nabu-blau);
  transform: scale(1.15);
}

/* ── Tooltip beim Hover ──────────────────────────────────── */
.gcms-hs-link-tooltip {
  visibility: hidden;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,.75);
  color: #fff;
  font-size: 12px;
  font-family: sans-serif;
  white-space: nowrap;
  padding: 4px 8px;
  border-radius: 4px;
  pointer-events: none;
}
.gcms-hs-link:hover .gcms-hs-link-tooltip { visibility: visible; }