.elementor img.e-image-base,
body img.wp-post-image,
body .wp-block-image img,
body .entry-content img {
	filter: grayscale(100%) !important;
	transition: filter 300ms ease !important;
}

@media (hover: hover) {
	body:not(.cdt-ripple-ready) .elementor img.e-image-base:hover,
	body:not(.cdt-ripple-ready) img.wp-post-image:hover,
	body:not(.cdt-ripple-ready) .wp-block-image img:hover,
	body:not(.cdt-ripple-ready) .entry-content img:hover {
		filter: grayscale(0%) !important;
	}
}

.elementor a:focus-visible img.e-image-base,
body a:focus-visible img.wp-post-image,
body .wp-block-image a:focus-visible img,
body .entry-content a:focus-visible img {
	filter: grayscale(0%) !important;
}

/* Wspólny komponent profilu zachowuje kolor obecnych i przyszłych prowadzących. */
.elementor img.e-image-base[data-interaction-id="a38aea7"],
body.single-instructor img.wp-post-image {
	filter: none !important;
}

.elementor img.e-image-base.cdt-image-revealed,
body img.wp-post-image.cdt-image-revealed,
body .wp-block-image img.cdt-image-revealed,
body .entry-content img.cdt-image-revealed {
	filter: none !important;
	transition: none !important;
}

.cdt-ripple-overlay {
	--cdt-ripple-x: 50%;
	--cdt-ripple-y: 50%;
	position: fixed;
	z-index: 20;
	overflow: hidden;
	clip-path: circle(0 at var(--cdt-ripple-x) var(--cdt-ripple-y));
	transition: clip-path 500ms ease-in-out;
	pointer-events: none;
	will-change: clip-path;
}

.cdt-ripple-overlay.is-preparing {
	clip-path: circle(3.5rem at var(--cdt-ripple-x) var(--cdt-ripple-y));
	transition: none;
}

.cdt-ripple-overlay.is-scroll-reveal {
	position: absolute;
}

.cdt-ripple-overlay.is-active {
	clip-path: circle(160% at var(--cdt-ripple-x) var(--cdt-ripple-y));
}

.cdt-ripple-overlay.is-leaving {
	opacity: 0 !important;
	transition: opacity 220ms ease-out;
}

.cdt-ripple-overlay__image {
	display: block;
	width: 100%;
	height: 100%;
	filter: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.elementor img.e-image-base,
	body img.wp-post-image,
	body .wp-block-image img,
	body .entry-content img {
		transition-duration: 0ms !important;
	}

	.cdt-ripple-overlay {
		display: none !important;
	}
}