/**
 * AfroMag - Curseur personnalisé.
 * Ce fichier n'est chargé que sur desktop (inc/enqueue.php ne l'enqueue
 * pas sur les appareils tactiles côté serveur n'étant pas fiable, le
 * script cursor.js s'auto-désactive côté client ; ce CSS reste inoffensif
 * si le point n'est jamais créé).
 */

.afromag-cursor-dot {
	position: fixed;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border-radius: 50%;
	border: 2px solid var(--afromag-color-red);
	pointer-events: none;
	z-index: 9999;
	transition: width 0.15s ease, height 0.15s ease, margin 0.15s ease, background-color 0.15s ease;
	will-change: transform;
}

.afromag-cursor-dot.is-hover {
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	background-color: rgba(227, 30, 36, 0.15);
}

@media (prefers-reduced-motion: reduce) {
	.afromag-cursor-dot {
		display: none;
	}
}