/* ============================================================
   NIGHT MACARON — Custom Cursor (desktop only)
   ============================================================ */

/* Hide on touch devices */
@media (hover: none) {
  .cursor-dot,
  .cursor-ring { display: none; }
}

.cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--gold);
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease, transform 0.15s ease;
  will-change: left, top;
}

.cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 0.5px solid rgba(200, 169, 110, 0.5);
  pointer-events: none;
  z-index: 9998;
  transform: translate(-50%, -50%);
  transition:
    width   0.35s cubic-bezier(0.16, 1, 0.3, 1),
    height  0.35s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.3s ease,
    opacity 0.3s ease;
  will-change: left, top;
}

/* Expanded state on hoverable elements */
.cursor-dot.cursor--hover {
  transform: translate(-50%, -50%) scale(0);
}

.cursor-ring.cursor--hover {
  width: 64px;
  height: 64px;
  border-color: rgba(200, 169, 110, 0.75);
}

/* Hidden when outside window */
.cursor-dot.cursor--hidden,
.cursor-ring.cursor--hidden {
  opacity: 0;
}