::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
}

#galleryItemsList::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

#galleryItemsList::-webkit-scrollbar-track {
  background: transparent;
}

#galleryItemsList::-webkit-scrollbar-thumb {
  background-color: #3b82f6; 
  border-radius: 9999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

#galleryItemsList::-webkit-scrollbar-thumb:hover {
  background-color: #2563eb; 
}

.device-rotation {
  display: none;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .device-rotation {
    display: flex;
  }
}

/* -------------------- INFO WINDOW CARDS (Glassmorphic) -------------------- */
.gm-style .gm-style-iw-c {
  background: rgba(26, 74, 115, 0.7) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px !important;
  border: 3.5px solid rgba(105, 192, 177, 0.3) !important;
  padding: 0 !important;
  max-width: 300px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;

  transform-origin: top center;
  transition: transform 0.2s ease;
}

/* Inner content */
.gm-style .gm-style-iw-d {
  overflow: hidden !important;
  color: white !important;
}

/* Hide arrow */
.gm-style .gm-style-iw-tc { display: none !important; }

/* Close button */
.gm-style .gm-ui-hover-effect {
  top: 12px !important;
  right: 12px !important;
  border-radius: 50% !important;
  opacity: 0.8 !important;
  transition: all 0.2s ease;
}
.gm-style .gm-ui-hover-effect:hover { opacity: 1 !important; transform: rotate(90deg); }
.gm-style .gm-ui-hover-effect span { background-color: #EF4444 !important; }