/**
 * Transizioni hover generiche per i container cliccabili.
 * Usa variabili CSS impostate dai controlli Elementor:
 *  --fm-hover-duration
 *  --fm-hover-ease
 */

.fm-clickable-container {
    --fm-hover-duration: 300ms;
    --fm-hover-ease: ease;

    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);
}

/* Overlay di sfondo */
.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);
}