/* ==========================================================================
   FLORIDA IMPLANTS — CURSOR.CSS
   Styles for custom lerping cursor and touch/mobile fallback.
   ========================================================================== */

/* Disable default browser cursor */
html {
  cursor: none;
}

/* 1. Cursor Dot (Inner solid circle) */
.cursor-dot {
  width: 6px;
  height: 6px;
  background-color: #1E2B5E;
  border-radius: 50%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 999999;
  transform: translate(-50%, -50%);
}

/* 2. Cursor Ring (Outer border circle) */
.cursor-ring {
  width: 32px;
  height: 32px;
  border: 1.5px solid rgba(30, 43, 94, 0.4);
  border-radius: 50%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 999998;
  transform: translate(-50%, -50%);
  transition: transform 0.1s cubic-bezier(0.25, 1, 0.5, 1); /* fallback transition when JS is loading */
}

/* ==========================================================================
   3. MOBILE/TOUCH DEVICES FALLBACK
   ========================================================================== */
/* Re-enable default browser cursor on touch screens (pointer: coarse) */
@media (pointer: coarse) {
  html {
    cursor: auto;
  }
  .cursor-dot,
  .cursor-ring {
    display: none !important;
  }
}