/* ==========================================================================
   viewer.css — the Marzipano render target and the fatal-error fallback.
   ========================================================================== */

#pano {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Marzipano ships a "drag cursor" that writes `cursor` INLINE on its own
   control element (default → "default", dragging → "move"). Inline styles beat
   normal CSS, so we override with !important to show grab / grabbing instead.
   The .is-grabbing class is toggled by parallax.js on pointer down / up. */
#pano,
#pano * {
  cursor: grab !important;          /* draggable panorama */
}

#pano.is-grabbing,
#pano.is-grabbing * {
  cursor: grabbing !important;      /* while dragging */
}

/* Clickable things inside the pano (hotspots) keep the pointer so users know
   they can click, not just drag. Higher specificity than the rules above. */
#pano .hotspot,
#pano .hotspot *,
#pano .link-hotspot,
#pano .link-hotspot * {
  cursor: pointer !important;
}

.fatal-error {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  padding: 20px;
}