/* ============================================
   FIX: Animazioni composte menu + scroll-up LS
   PageSpeed 96→100 optimization
   ============================================ */

/* Menu items - rimuove transizioni pesanti, usa solo composte */
.sp-megamenu-parent>li>a,
.sp-megamenu-parent .sp-dropdown li a,
#sp-menu .sp-menu-item>a,
.offcanvas-menu .offcanvas-inner ul.menu li a {
    -webkit-transition: opacity .2s ease,transform .2s ease!important;
    transition: opacity .2s ease,transform .2s ease!important;
}

/* Sottolineatura animata con transform:scaleX (composta) */
.sp-megamenu-parent>li>a,
#sp-menu .sp-menu-item>a {
    position: relative;
}

.sp-megamenu-parent>li>a::after,
#sp-menu .sp-menu-item>a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .25s ease-out;
}

.sp-megamenu-parent>li:hover>a::after,
#sp-menu .sp-menu-item:hover>a::after {
    transform: scaleX(1);
}

/* Offcanvas menu - solo transform/opacity */
.offcanvas-menu .offcanvas-inner ul.menu li a:hover {
    opacity: .8;
    transform: translateX(3px);
}

/* ============================================
   FIX: Layout Shift scroll-up button
   ============================================ */

.sp-scroll-up {
    position: fixed!important;
    bottom: 20px!important;
    right: 20px!important;
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
    text-align: center!important;
    border-radius: 4px!important;
    z-index: 1000!important;
    display: block!important;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease,visibility .3s ease!important;
    will-change: opacity,visibility;
}

.sp-scroll-up.visible,
.sp-scroll-up.show {
    visibility: visible!important;
    opacity: 1!important;
}