/* =========================================
   HOVER MARQUEE LINK LIST
========================================= */


/* =========================================
   WIDGET FULL WIDTH
========================================= */

.elementor-widget-hover_marquee_link_list_9a28c4b4 {
    width: 100% !important;
    max-width: 100% !important;

    align-self: stretch !important;
}


.elementor-widget-hover_marquee_link_list_9a28c4b4
> .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}


/* =========================================
   CONTAINER
========================================= */

.hmll-container-9a28c4b4 {
    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: 100%;
}


/* =========================================
   LINK BASE
========================================= */

.hmll-container-9a28c4b4 .hmll-link {
    display: block;

    position: relative;

    width: 100%;

    padding: 20px 0;

    box-sizing: border-box;

    overflow: hidden;

    text-decoration: none;

    transition:
        color 0.3s ease,
        border-color 0.3s ease;

    border-top:
        var(--hmll-border-width, 1px)
        solid
        transparent;

    border-bottom:
        var(--hmll-border-width, 1px)
        solid
        transparent;

    margin-top:
        calc(
            var(--hmll-border-width, 1px) * -1
        );
}


/* =========================================
   STATIC TITLE
========================================= */

.hmll-static-wrapper {
    display: block;

    position: relative;

    width: 100%;

    transition:
        opacity 0.2s ease;
}


/* =========================================
   MARQUEE
========================================= */

.hmll-marquee-wrapper {
    position: absolute;

    top: 50%;
    left: 0;

    width: 100%;

    transform:
        translateY(-50%);

    overflow: hidden;

    opacity: 0;

    pointer-events: none;

    display: flex;
    align-items: center;
}


.hmll-marquee-track {
    display: flex;

    width: max-content;

    white-space: nowrap;
}


.hmll-marquee-group {
    display: flex;
    align-items: center;

    flex-shrink: 0;

    will-change: transform;
}


.hmll-marquee-text {
    display: inline-flex;
    align-items: center;

    padding-right:
        var(--hmll-marquee-gap, 40px);
}


/* =========================================
   GLOBAL DESKTOP FLOAT IMAGE
========================================= */

#hmll-global-preview-9a28c4b4 {
    position: fixed;

    top: 0;
    left: 0;

    width:
        var(--hmll-img-width, 250px);

    height:
        var(--hmll-img-height, 180px);

    z-index: 999999;

    pointer-events: none;

    opacity: 0;
    visibility: hidden;

    overflow: hidden;

    border-radius:
        var(--hmll-img-border-radius, 8px);

    transition:
        opacity
        var(--hmll-fade-duration, 0.3s)
        ease,

        visibility
        var(--hmll-fade-duration, 0.3s)
        ease;

    box-shadow:
        0 10px 30px
        rgba(0, 0, 0, 0.3);
}


#hmll-global-preview-9a28c4b4.active {
    opacity: 1;
    visibility: visible;
}


#hmll-global-preview-9a28c4b4 img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit:
        var(--hmll-img-object-fit, cover);
}


/* =========================================
   DESKTOP LARGE ONLY
   hover + marquee + PNG indicator
========================================= */

@media
    (min-width: 1441px)
    and (hover: hover)
    and (pointer: fine) {


    /* =====================================
       DIVISORI
    ===================================== */

    .hmll-container-9a28c4b4
    .hmll-link {

        border-top: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.22);

        margin-top: 0;
    }


    /* spazio per freccia */

    .hmll-static-wrapper {
        padding-right: 56px;

        box-sizing: border-box;
    }


    /* =====================================
       FRECCIA PNG DESKTOP
       più grande + punta verso il basso
    ===================================== */

    .hmll-static-wrapper::after {
        content: "";

        position: absolute;

        top: 50%;
        right: 2px;

        width: 28px;
        height: 28px;

        background-image:
            url("https://dev1.thinnk.it/wp-content/uploads/2026/09/Group-12.png");

        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

        /*
         * PNG originale:
         * punta verso il basso.
         */
        transform:
            translateY(-50%)
            rotate(0deg);

        transform-origin: center;

        opacity: 0.85;

        pointer-events: none;

        transition:
            transform
            0.35s
            cubic-bezier(
                0.22,
                1,
                0.36,
                1
            ),

            opacity
            0.35s
            ease;
    }


    /* =====================================
       HOVER
    ===================================== */

    .hmll-container-9a28c4b4
    .hmll-link:hover {

        border-bottom-color:
            rgba(255, 255, 255, 0.65);

        z-index: 2;
    }


    /*
     * Freccia:
     * piccolo movimento verso il basso.
     */

    .hmll-link:hover
    .hmll-static-wrapper::after {

        opacity: 1;

        transform:
            translateY(
                calc(-50% + 4px)
            )
            rotate(0deg);
    }


    /* =====================================
       MARQUEE ORIGINALE
    ===================================== */

    .hmll-link:hover
    .hmll-static-wrapper {

        opacity: 0;
    }


    .hmll-link:hover
    .hmll-marquee-wrapper {

        opacity: 1;
    }


    .hmll-link:hover
    .hmll-marquee-group {

        animation:
            hmll-marquee-scroll
            var(--hmll-marquee-speed, 15s)
            linear
            infinite;
    }


    .hmll-link:not(:hover)
    .hmll-marquee-group {

        animation: none;
    }
}


/* =========================================
   DESKTOP MARQUEE
========================================= */

@keyframes hmll-marquee-scroll {

    0% {
        transform:
            translate3d(
                0,
                0,
                0
            );
    }

    100% {
        transform:
            translate3d(
                -50%,
                0,
                0
            );
    }
}


/* =========================================
   ACCORDION PANEL
========================================= */

.hmll-accordion-panel {
    display: none;
}


/* =========================================
   RESPONSIVE / TOUCH ACCORDION

   - laptop / 13"
   - tablet
   - mobile
   - touch
========================================= */

@media
    (max-width: 1440px),
    (hover: none),
    (pointer: coarse) {


    /* =====================================
       DISATTIVA DESKTOP PREVIEW
    ===================================== */

    #hmll-global-preview-9a28c4b4 {
        display: none !important;
    }


    /* =====================================
       DISATTIVA MARQUEE
    ===================================== */

    .hmll-marquee-wrapper {
        display: none !important;
    }


    /* =====================================
       STATIC TITLE
    ===================================== */

    .hmll-static-wrapper {
        opacity: 1 !important;

        display: flex;
        align-items: center;

        position: relative;

        width: 100%;

        padding-right: 48px;

        box-sizing: border-box;
    }


    /* =====================================
       TITLE ROW
    ===================================== */

    .hmll-container-9a28c4b4
    .hmll-link {

        cursor: pointer;

        overflow: visible;

        margin-top: 0;

        border-top: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.18);
    }


    /* =====================================
       FRECCIA PNG ACCORDION

       CHIUSO = verso il basso
    ===================================== */

    .hmll-static-wrapper::after {
        content: "";

        position: absolute;

        top: 50%;
        right: 4px;

        width: 18px;
        height: 18px;

        background-image:
            url("https://dev1.thinnk.it/wp-content/uploads/2026/09/Group-12.png");

        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

        transform:
            translateY(-50%)
            rotate(0deg);

        transform-origin: center;

        opacity: 0.9;

        pointer-events: none;

        transition:
            transform
            0.45s
            cubic-bezier(
                0.22,
                1,
                0.36,
                1
            );
    }


    /* =====================================
       ACCORDION APERTO
       stessa PNG verso l'alto
    ===================================== */

    .hmll-link.is-open
    .hmll-static-wrapper::after {

        transform:
            translateY(-50%)
            rotate(180deg);
    }


    /* =====================================
       ACCORDION PANEL
    ===================================== */

    .hmll-accordion-panel {
        display: grid;

        grid-template-rows: 0fr;

        width: 100%;

        opacity: 0;

        pointer-events: none;

        transition:
            grid-template-rows
            0.55s
            cubic-bezier(
                0.22,
                1,
                0.36,
                1
            ),

            opacity
            0.35s
            ease;
    }


    .hmll-accordion-panel.is-open {
        grid-template-rows: 1fr;

        opacity: 1;

        pointer-events: auto;
    }


    .hmll-accordion-panel-inner {
        min-height: 0;

        overflow: hidden;
    }


    /* =====================================
       POSTER
    ===================================== */

    .hmll-accordion-image-link {
        position: relative;

        display: block;

        width:
            min(
                420px,
                100%
            );

        margin:
            24px
            0
            34px;

        overflow: hidden;

        text-decoration: none;

        opacity: 0;

        transform:
            translateY(14px);

        transition:
            opacity
            0.45s
            ease
            0.08s,

            transform
            0.55s
            cubic-bezier(
                0.22,
                1,
                0.36,
                1
            );
    }


    .hmll-accordion-panel.is-open
    .hmll-accordion-image-link {

        opacity: 1;

        transform:
            translateY(0);
    }


    .hmll-accordion-image-link img {
        display: block;

        width: 100%;
        height: auto;

        object-fit: contain;
    }


    /* =====================================
       NASCONDE FRECCIA SULLA LOCANDINA
    ===================================== */

    .hmll-accordion-cue {
        display: none !important;
    }


    /* =====================================
       POSTER CLICK HINT
       leggero movimento orizzontale
    ===================================== */

    .hmll-accordion-image-link.hmll-cue-pulse img {
        animation:
            hmll-poster-horizontal-hint
            0.45s
            cubic-bezier(
                0.22,
                1,
                0.36,
                1
            )
            3;
    }


    @keyframes hmll-poster-horizontal-hint {

        0%,
        100% {
            transform:
                translateX(0);
        }

        50% {
            transform:
                translateX(8px);
        }
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .hmll-static-wrapper {
        padding-right: 40px;
    }


    /* freccia mobile */

    .hmll-static-wrapper::after {
        right: 2px;

        width: 16px;
        height: 16px;
    }


    .hmll-accordion-image-link {
        width:
            min(
                82vw,
                360px
            );

        margin:
            20px
            0
            28px;
    }
}