/* Disattiva il cursore nativo solo su desktop (>= 1024px) */
@media (min-width: 1024px) {
	body,
	a,
	button,
	input,
	select,
	textarea {
		cursor: none !important;
	}
}

/* Cursore personalizzato visibile di default solo su desktop */
.custom-cursor {
	display: none; /* Nascosto su mobile/tablet di default */
	position: fixed;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	background-color: #14110f;
	border-radius: 50%;
	pointer-events: none;
	z-index: 999999999;
	transform: translate(-50%, -50%);
	transition:
		background-color 0.2s ease,
		transform 0.1s ease,
		opacity 0.2s ease;
	opacity: 1;
}

@media (min-width: 1024px) {
	.custom-cursor {
		display: block; /* Visibile solo da 1024px in su */
	}
}

.custom-cursor.is-dark-bg {
	background-color: #f5ff3e;
}

/* Classe per nascondere il cursore quando il mouse esce dal viewport */
.custom-cursor.is-hidden {
	opacity: 0;
}