/**
 * Trailing dot cursor — native arrow + delayed dot (ALW theme).
 *
 * @package ALW
 * @since   1.0.0
 */

@media (min-width: 1024px) and (pointer: fine) {
	.alw-cursor__dot {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: var(--alw-primary-glow);
		box-shadow: 0 0 12px oklch(68% 0.11 190 / 0.45);
		pointer-events: none;
		user-select: none;
		opacity: 0;
		transform: translate(-50%, -50%) scale(1);
		transition:
			transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
			opacity 0.28s ease,
			background-color 0.28s ease,
			width 0.28s ease,
			height 0.28s ease,
			box-shadow 0.28s ease;
		will-change: transform, left, top;
	}

	body.alw-custom-cursor--active .alw-cursor__dot {
		opacity: 0.9;
	}

	.alw-cursor--hidden .alw-cursor__dot {
		opacity: 0 !important;
	}

	.alw-cursor--clickable .alw-cursor__dot {
		width: 10px;
		height: 10px;
		transform: translate(-50%, -50%) scale(1.2);
		background-color: var(--alw-primary);
	}

	.alw-cursor--magic .alw-cursor__dot {
		width: 11px;
		height: 11px;
		transform: translate(-50%, -50%) scale(1.35);
		background-color: var(--alw-gold);
		box-shadow: 0 0 16px oklch(78% 0.14 75 / 0.5);
	}

	.alw-cursor--footer .alw-cursor__dot {
		background-color: var(--alw-gold);
		box-shadow: 0 0 14px oklch(78% 0.14 75 / 0.45);
	}

	.alw-cursor--drag .alw-cursor__dot {
		width: 10px;
		height: 10px;
		transform: translate(-50%, -50%) scale(1.25);
		background-color: var(--alw-primary);
	}
}