/*
 * Contenitore cliccabile (FM Intus). Le variabili le scrivono i controlli di
 * Elementor: --fm-hover-duration, --fm-hover-ease.
 */
.fm-clickable-container {
	--fm-hover-duration: 300ms;
	--fm-hover-ease: ease;

	cursor: pointer;
	transition:
		background-color var(--fm-hover-duration) var(--fm-hover-ease),
		box-shadow var(--fm-hover-duration) var(--fm-hover-ease),
		opacity var(--fm-hover-duration) var(--fm-hover-ease),
		filter var(--fm-hover-duration) var(--fm-hover-ease),
		border-color var(--fm-hover-duration) var(--fm-hover-ease);
}

/* Da tastiera si deve vedere dove si e'; col mouse no. */
.fm-clickable-container:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

.fm-clickable-container > .elementor-background-overlay {
	transition:
		background-color var(--fm-hover-duration) var(--fm-hover-ease),
		opacity var(--fm-hover-duration) var(--fm-hover-ease);
}