/* Custom cursor — desktop, fine-pointer only. Disabled automatically on
   touch devices via a (hover:hover) and (pointer:fine) media guard, and via
   the smc-cursor-off body class when turned off in the Customizer. */

.smc-cursor-off .smc-cursor-dot,
.smc-cursor-off .smc-cursor-ring { display: none !important; }

@media (hover: hover) and (pointer: fine) {
	body.smc-cursor-on { cursor: none; }
	body.smc-cursor-on a,
	body.smc-cursor-on button { cursor: none; }

	.smc-cursor-dot,
	.smc-cursor-ring {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10001;
		pointer-events: none;
		border-radius: 50%;
		transform: translate(-50%, -50%);
	}

	.smc-cursor-dot {
		width: 6px;
		height: 6px;
		background: var(--sm-accent);
	}

	.smc-cursor-ring {
		width: 36px;
		height: 36px;
		border: 1px solid var(--sm-accent);
		transition: width 0.25s ease, height 0.25s ease, background 0.25s ease, border-color 0.25s ease;
	}

	.smc-cursor-ring.is-hover-link {
		width: 60px;
		height: 60px;
		background: rgba(180, 151, 90, 0.12);
	}

	.smc-cursor-ring::after {
		content: attr(data-cursor-label);
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: var(--sm-accent);
		opacity: 0;
		transition: opacity 0.2s ease;
	}
	.smc-cursor-ring.is-hover-link::after { opacity: 1; }
}

@media (hover: none), (pointer: coarse) {
	.smc-cursor-dot, .smc-cursor-ring { display: none !important; }
	body.smc-cursor-on { cursor: auto; }
}