/* Custom hotspot styling for 3D tour - HIDDEN */
.custom-hotspot {
  display: none !important;
  /* Hotspots are hidden but still functional for navigation */
}

/* Pannellum controls customization */
.pnlm-controls-container {
  background: rgba(0, 0, 0, 0.7) !important;
  border-radius: 10px !important;
  padding: 10px !important;
}

.pnlm-controls-container button {
  background: rgba(76, 175, 80, 0.8) !important;
  border: none !important;
  border-radius: 5px !important;
  color: white !important;
  margin: 2px !important;
  transition: all 0.3s ease !important;
}

.pnlm-controls-container button:hover {
  background: rgba(76, 175, 80, 1) !important;
  transform: scale(1.1) !important;
}

/* Loading animation */
.loading {
  animation: fadeInOut 1.5s ease-in-out infinite;
}

@keyframes fadeInOut {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

/* Responsive adjustments */
@media (max-width: 480px) {
  /* Hotspots are hidden on all devices */
}