/* Custom Cursor Overlay Styles */

.video-container {
  position: relative;
}

/* Overlay captures mouse events and sits IN FRONT of iframe */
.cursor-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto; /* CAPTURE mouse events - don't let them through */
  z-index: 999;
  cursor: none; /* Hide default cursor on the overlay itself */
}

/* Custom cursor element */
.custom-cursor {
  position: absolute;
  width: 84px;
  height: 84px;
  background: url("img/background/cursors/Pointer.svg") no-repeat center;
  background-size: contain;
  pointer-events: none; /* Cursor image itself doesn't block */
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.05s ease; /* Very fast transition - barely noticeable */
}

.custom-cursor.active {
  opacity: 1;
}