/**
 * Aangepaste cursor: een ring die de muis volgt en een stip op de muispositie.
 *
 * Dezelfde cursor als op de Colab-site (colab.b86dev.be). assets/js/cursor.js
 * maakt ring en stip aan en zet de klasse olab-cursor op <html>, alleen op
 * toestellen met een muis. Zonder die klasse (touch, minder beweging, geen
 * JavaScript) blijft de gewone cursor staan.
 *
 * Kleuren via de Global Colors: primair (inkt), wit en accent (geel).
 * is-actief:  boven links, knoppen, keuzelijsten, FAQ-vragen en keuzevakjes (holle gele ring)
 * is-donker:  in donkere vlakken (o-donker), in de lightbox en boven de adminbalk
 *
 * Geladen door inc/cursor.php.
 *
 * @author  Buro 86 webdesign <https://buro86.be/>
 * @package HelloElementorChild
 */
.olab-cursor-ring,
.olab-cursor-dot {
	position: fixed;
	left: 0;
	top: 0;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
}

/* Bovenaan de stapel: ook boven de lightbox (9999), de adminbalk (99999) en een cookiebanner. */
.olab-cursor-ring {
	z-index: 2147483646;
	width: 36px;
	height: 36px;
	margin: -18px 0 0 -18px;
	border: 1px solid var(--e-global-color-primary, #26292B);
	transition: border-color .15s ease, border-width .15s ease, opacity .15s ease, width .15s ease, height .15s ease, margin .15s ease;
}

.olab-cursor-dot {
	z-index: 2147483647;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 -3px;
	background: var(--e-global-color-primary, #26292B);
	transition: opacity .15s ease, background-color .15s ease;
}

.olab-cursor-ring.is-zichtbaar,
.olab-cursor-dot.is-zichtbaar {
	opacity: 1;
}

.olab-cursor-ring.is-donker {
	border-color: var(--e-global-color-wit, #FFFFFF);
}

.olab-cursor-dot.is-donker {
	background: var(--e-global-color-wit, #FFFFFF);
}

/*
 * Boven iets klikbaars wordt de ring groter, geel en dikker, maar blijft hij
 * hol: het item onder de cursor blijft zichtbaar. De stip houdt zijn kleur
 * (inkt, wit in donkere vlakken).
 */
.olab-cursor-ring.is-actief {
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	border-width: 3px;
	border-color: var(--e-global-color-accent, #FEEC34);
}

/*
 * De gewone cursor verdwijnt overal, ook waar Elementor of Swiper er zelf een
 * zetten (FAQ-vragen, verzendknoppen, labels, de beeldwissel in de hero, de
 * lightbox): anders staat de handcursor naast de ring. Tekstvelden houden hun
 * tekstcursor.
 */
html.olab-cursor,
html.olab-cursor * {
	cursor: none !important;
}

html.olab-cursor textarea,
html.olab-cursor input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="image"]) {
	cursor: text !important;
}

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