/* AW module: Dienstpagina stijl — kleuren/typografie via Elementor Global Colors/Fonts */

/* Aanbod-lijst: hele regel wordt donker bij hover (achtergrond = native container-hover) */
.awcf-aanbod-rij {
	transition: background-color .2s ease, padding .2s ease;

	.awcf-aanbod-sub .elementor-heading-title { opacity: .72; }

	&:hover {
		--padding-left: 28px;
		--padding-right: 28px;

		.elementor-heading-title { color: var(--e-global-color-sa_wit, #fff) !important; }
	}
}

/* Beeldpillen midden in een zin */
.awcf-zin img.awcf-beeldpil,
img.awcf-beeldpil {
	display: inline-block;
	width: 1.8em;
	height: .8em;
	margin: 0 .04em;
	border-radius: 999px;
	object-fit: cover;
	vertical-align: -.08em;
	background: var(--e-global-color-sa_antraciet, #2E2A2B);
}
.awcf-zin { margin: 0; }

/* Tekst gevuld met halftone-raster (bv. "1966") */
.awcf-tekst-raster .elementor-heading-title {
	background-image: var(--awcf-raster, none), linear-gradient(var(--e-global-color-sa_antraciet, #2E2A2B), var(--e-global-color-sa_antraciet, #2E2A2B));
	background-size: 160% auto, 100% 100%;
	background-position: 50% 38%, 0 0;
	background-repeat: no-repeat;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	font-stretch: 125%;
}

/* Hotspot-labels: geen pulserende stip, label als donkere pill */
.awcf-dienst-hotspot {
	.e-hotspot__button { gap: 10px; white-space: nowrap; }
	.e-hotspot__outer-circle, .e-hotspot__inner-circle { display: none; }
}