/* ==========================================================================
   Custom cursor (V2) — same ring + dot as the V1 pages (main/css/base.css)
   ========================================================================== */
.cursor-move {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none;
}
.cursor-move .circle-cursor {
  position: fixed;
  top: inherit;
  left: inherit;
  pointer-events: none;
}
.cursor-move .circle-cursor-border {
  width: 30px;
  height: 30px;
  margin-top: -17px;
  margin-left: -16px;
  border: 1px solid var(--primary-color);
  border-radius: 30px;
  transition: all 50ms linear 0ms;
}
.cursor-move .circle-cursor-dot {
  width: 6px;
  height: 6px;
  margin-top: -5px;
  margin-left: -4px;
  background-color: var(--primary-color);
  border-radius: 6px;
}

/* touch screens and small viewports keep the native cursor only */
@media (max-width: 1024px), (hover: none), (pointer: coarse) {
  .cursor-move { display: none !important; }
}