/* ============================================================
   GLOBAL GODAM — CUSTOM CURSOR CSS
   ============================================================ */

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

.cursor-dot {
  width: 4px;
  height: 4px;
  background: #FFFFFF;
  border-radius: 50%;
  position: fixed;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
  transform: translate(-50%, -50%);
  transition: transform 0.08s ease, background 0.3s ease, width 0.2s ease, height 0.2s ease;
  will-change: transform;
}

.cursor-ring {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 50%;
  position: fixed;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 9998;
  transform: translate(-50%, -50%);
  transition: transform 0.12s ease-out, width 0.3s ease, height 0.3s ease,
              border-color 0.3s ease, background 0.3s ease,
              opacity 0.3s ease, rotate 0.3s ease;
  will-change: transform;
}

/* Hover state (on links/buttons) */
.cursor-ring.is-hover {
  width: 60px;
  height: 60px;
  border-color: #D4A843;
  background: rgba(212,168,67,0.08);
}

/* Section-specific states */
.cursor-ring.is-explore {
  width: 48px;
  height: 48px;
}

.cursor-ring.is-gold {
  border-color: #D4A843;
}

.cursor-ring.is-grab {
  cursor: grab;
  border-style: dashed;
}

.cursor-ring.is-faded {
  opacity: 0.3;
}

.cursor-ring.is-large {
  width: 64px;
  height: 64px;
}

.cursor-ring.is-pulse {
  animation: cursor-pulse 1s infinite ease-in-out;
}

@keyframes cursor-pulse {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.15); }
}