/* Nevanu 360 Hotspot Styling */

/* The dot */
.pnlm-hotspot-base {
  width: 20px !important;
  height: 20px !important;
  background: #f27182 !important;
  border: 2px solid rgba(255,255,255,.3) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(242,113,130,.4) !important;
  cursor: pointer !important;
  overflow: visible !important;
}
.pnlm-hotspot-base:hover {
  background: #d94f60 !important;
  box-shadow: 0 2px 16px rgba(242,113,130,.7) !important;
}

/* Static outer ring */
.pnlm-hotspot-base::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(242,113,130,.35) !important;
  background: rgba(242,113,130,.05) !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* Pulsating ring */
.pnlm-hotspot-base::after {
  content: '' !important;
  position: absolute !important;
  top: -8px !important;
  left: -8px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(242,113,130,.5) !important;
  background: none !important;
  pointer-events: none !important;
  z-index: -1 !important;
  animation: nv-pulse-ring 2.5s ease-out infinite !important;
}

@keyframes nv-pulse-ring {
  0% { opacity: .6; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.6); }
}

/* Tooltip */
.pnlm-hotspot-base .pnlm-pointer {
  visibility: hidden;
  position: absolute !important;
  bottom: calc(100% + 8px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: rgba(26,24,22,.9) !important;
  backdrop-filter: blur(8px);
  color: #fff !important;
  padding: 6px 14px !important;
  border-radius: 100px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.3) !important;
  pointer-events: none !important;
}
.pnlm-hotspot-base:hover .pnlm-pointer {
  visibility: visible !important;
}

/* Hide Pannellum UI */
.pnlm-zoom-controls, .pnlm-compass, .pnlm-about-msg,
.pnlm-orientation-button, .pnlm-panorama-info,
.pnlm-title-box, .pnlm-hot-spot-debug-indicator,
.pnlm-controls-container { display: none !important; }