/**
 * Pond Apex — Custom Cursor Effects
 *
 * Base styles for the follower cursor div.
 * Per-row sizing, colors, and borders are generated by the PHP renderer.
 *
 * @since 1.9.0
 */

/* --- Base cursor --- */
.pp-ce-cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	pointer-events: none;
	opacity: 0;
	will-change: transform;
	transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.pp-ce-cursor--visible {
	opacity: 1;
}

/* --- Dot type --- */
.pp-ce-cursor--dot {
	border-radius: 50%;
}

/* --- Text type --- */
.pp-ce-cursor--text {
	border-radius: 999px;
	white-space: nowrap;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	line-height: 1;
}

.pp-ce-text {
	display: block;
}

/* --- Icon type --- */
.pp-ce-cursor--icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	line-height: 1;
}

.pp-ce-cursor--icon i {
	display: block;
}

/* --- Invert type --- */
.pp-ce-cursor--invert {
	border-radius: 50%;
	background: #fff;
	mix-blend-mode: difference;
}

/* --- Image type --- */
.pp-ce-cursor--image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}

/* --- Hover color override via CSS custom property --- */
.pp-ce-cursor--dot.pp-ce-cursor--hover {
	background-color: var(--pp-ce-hover-color) !important;
	border-color: var(--pp-ce-hover-color) !important;
}

.pp-ce-cursor--text.pp-ce-cursor--hover {
	background-color: var(--pp-ce-hover-color) !important;
}

.pp-ce-cursor--icon.pp-ce-cursor--hover {
	background-color: var(--pp-ce-hover-color) !important;
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
	.pp-ce-cursor {
		transition: none;
	}
}

/* --- Print --- */
@media print {
	.pp-ce-cursor {
		display: none !important;
	}
}