/* =========================================================
   Upastra Custom Cursor — Module 4
   ========================================================= */

.up-cursor-active,
.up-cursor-active * {
	cursor: none !important;
}

#up-cursor-dot {
	position: fixed;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	pointer-events: none;
	z-index: 999999;
	transform: translate(-50%, -50%);
	transition: transform 0.1s ease, width 0.2s ease, height 0.2s ease;
	mix-blend-mode: difference;
}

#up-cursor-ring {
	position: fixed;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1.5px solid rgba(255, 255, 255, 0.75);
	pointer-events: none;
	z-index: 999998;
	transform: translate(-50%, -50%);
	transition: transform 0.18s ease, width 0.25s ease, height 0.25s ease, border-color 0.25s ease;
	mix-blend-mode: difference;
}

/* Magnetic / hover expansion */
.up-cursor-active .up-magnetic:hover ~ #up-cursor-ring,
#up-cursor-ring.is-hovering {
	width: 60px;
	height: 60px;
	border-color: rgba(255, 255, 255, 0.5);
}

#up-cursor-dot.is-hovering {
	width: 6px;
	height: 6px;
}