/* ═══ TK Image Menu — Frontend ═══ */

/* Animazione Fade */
.tk-imgmenu-anim-fade {
    transition: opacity .3s ease;
}
.menu-item:hover .tk-imgmenu-anim-fade {
    opacity: .7;
}

/* Animazione Zoom */
.tk-imgmenu-anim-zoom {
    transition: transform .3s ease;
}
.menu-item:hover .tk-imgmenu-anim-zoom {
    transform: scale(1.2);
}

/* Animazione Rotazione */
.tk-imgmenu-anim-rotate {
    transition: transform .4s ease;
}
.menu-item:hover .tk-imgmenu-anim-rotate {
    transform: rotate(15deg);
}

/* Animazione Rimbalzo */
.tk-imgmenu-anim-bounce {
    transition: transform .3s ease;
}
.menu-item:hover .tk-imgmenu-anim-bounce {
    animation: tkImgBounce .5s ease;
}
@keyframes tkImgBounce {
    0%, 100% { transform: translateY(0); }
    30% { transform: translateY(-6px); }
    60% { transform: translateY(-3px); }
}

/* Animazione Tremolio */
.tk-imgmenu-anim-shake {
    transition: transform .3s ease;
}
.menu-item:hover .tk-imgmenu-anim-shake {
    animation: tkImgShake .4s ease;
}
@keyframes tkImgShake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-3px); }
    40% { transform: translateX(3px); }
    60% { transform: translateX(-2px); }
    80% { transform: translateX(2px); }
}

/* Icone e immagini inline */
.tk-imgmenu-icon,
.tk-imgmenu-img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tk-imgmenu-img img {
    display: block;
}

/* Icon only: nascondi testo menu */
.tk-imgmenu-icon-only > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Above layout */
.tk-imgmenu-above {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}