/* ==========================================================================
   Circle-of-text mouse cursor ("מעבר לפרטים נוספים"): the home services list (services.js) and the
   "עוד במסחר עסקי" list on the commercial service pages and the legal planning cards (service.js).
   Moved out of services.css (2026-10-09) so they share it. Fine pointers only; the scripts move it to <body>.
   ========================================================================== */
.av-cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	pointer-events: none;
	opacity: 0;
	transform: translate3d(var(--x, -200px), var(--y, -200px), 0) scale(0.6);
	transition: opacity 0.25s ease, scale 0.25s ease;
	will-change: transform;
}

.av-cursor.is-visible {
	opacity: 1;
	transform: translate3d(var(--x, -200px), var(--y, -200px), 0) scale(1);
}

/* The ring spins continuously (client request); the outer element only follows the mouse. */
.av-cursor__ring {
	position: absolute;
	inset: 0;
	animation: av-cursor-spin 10s linear infinite;
}

@keyframes av-cursor-spin {
	to {
		transform: rotate(-360deg);
	}
}

.av-cursor span {
	position: absolute;
	top: 50%;
	left: 50%;
	color: var(--e-global-color-primary);
	font-family: "Futurism", Arial, sans-serif;
	font-weight: 700;
	font-size: 16.49px;
	line-height: 11px;
	transform: translate(-50%, -50%) rotate(var(--a)) translateY(-34.4px);
}

/* service.js marks the area the cursor is shown over; the mouse pointer hides there. */
@media (hover: hover) and (pointer: fine) {
	.av-cursor-on,
	.av-cursor-on * {
		cursor: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.av-cursor__ring {
		animation: none;
	}
}