#bso-header
    .lr-soomi-header-menu-mobile
    a.elementor-sub-item {
        font-weight: 200;
    }


    #bso-header
    .lr-soomi-header-menu-mobile
    ul.sub-menu {
        padding: 0.5vw;
    }


    @media (max-width: 1024px) {

        #bso-header
        .lr-soomi-header-menu-mobile
        ul.sub-menu {
            padding: 1vw;
        }

    }


    @media (max-width: 767px) {

        #bso-header
        .lr-soomi-header-menu-mobile
        ul.sub-menu {
            padding: 2vw;
        }

    }





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

    #bso-header {

        --lr-header-duration:
            300ms;

        --lr-header-top-offset:
            0px;

        --lr-header-hide-overshoot:
            16px;

        --lr-header-background-after:
            #FEF9F5;


        /*
         * Ottimizzazione V8.2:
         *
         * backdrop-filter NON viene più dichiarato
         * nella transition.
         *
         * Il materiale Liquid Glass non viene
         * interpolato dal controller e quindi
         * quella transition era superflua.
         */
        transition:
            transform
            var(--lr-header-duration)
            ease,

            opacity
            var(--lr-header-duration)
            ease,

            background-color
            var(--lr-header-duration)
            ease,

            box-shadow
            var(--lr-header-duration)
            ease;


        /*
         * Stato iniziale coerente col controller.
         *
         * IMPORTANTE:
         * Elementor Translate X deve essere vuoto.
         */
        transform:
            translate3d(
                0,
                0,
                0
            );

        opacity:
            1;
    }



    /* =========================================================
       BACKGROUND ACTIVE
       ========================================================= */

    #bso-header.lr-h-bg-active {

        background-color:
            var(--lr-header-background-after)
            !important;

        box-shadow:
            none
            !important;
    }



    /* =========================================================
       READY
       ========================================================= */

    #bso-header.lr-h-ready {

        /*
         * Manteniamo questa ottimizzazione nella V8.2
         * per non alterare la fluidità dell'animazione
         * show/hide esistente.
         *
         * Potrà essere analizzata separatamente
         * qualora restassero artefatti di compositing.
         */
        will-change:
            transform,
            opacity;

        backface-visibility:
            hidden;

        -webkit-backface-visibility:
            hidden;
    }



    /* =========================================================
       VISIBLE
       ========================================================= */

    #bso-header.lr-h-visible {

        transform:
            translate3d(
                0,
                0,
                0
            );

        opacity:
            1;

        pointer-events:
            auto;
    }



    /* =========================================================
       HIDDEN - SLIDE UP
       ========================================================= */

    #bso-header[
        data-lr-header-effect="slide-up"
    ].lr-h-hidden {

        transform:
            translate3d(
                0,
                calc(
                    -100%
                    - var(--lr-header-top-offset)
                    - var(--lr-header-hide-overshoot)
                ),
                0
            );

        opacity:
            1;

        pointer-events:
            auto;
    }



    /* =========================================================
       HIDDEN - FADE UP
       ========================================================= */

    #bso-header[
        data-lr-header-effect="fade-up"
    ].lr-h-hidden {

        transform:
            translate3d(
                0,
                -12px,
                0
            );

        opacity:
            0;

        pointer-events:
            none;
    }



    /* =========================================================
       HIDDEN - SLIDE FADE
       ========================================================= */

    #bso-header[
        data-lr-header-effect="slide-fade"
    ].lr-h-hidden {

        transform:
            translate3d(
                0,
                calc(
                    -100%
                    - var(--lr-header-top-offset)
                    - var(--lr-header-hide-overshoot)
                ),
                0
            );

        opacity:
            0;

        pointer-events:
            none;
    }



    /* =========================================================
       OFF CANVAS GUARD

       Non modifica state.hidden.

       Sospende solo visivamente lo stato hidden mentre
       Elementor Off Canvas è aperto o in chiusura.
       ========================================================= */

    #bso-header.lr-h-offcanvas-guard {

        transform:
            translate3d(
                0,
                0,
                0
            )
            !important;

        opacity:
            1
            !important;

        pointer-events:
            auto
            !important;
    }



    /* =========================================================
       MARKER CLASSES
       ========================================================= */

    .lr-header-top-off {
    }


    .lr-header-start-hidden {
    }


    .lr-header-scroll-off {
    }


    .lr-header-top-hidden {
    }


    .lr-header-hide-after-target {
    }



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

    @media (min-width: 1025px) {

        /* -----------------------------------------------------
           LOGO
           ----------------------------------------------------- */

        #bso-header:not(.lr-h-bg-active)
        .logo-negative {

            display:
                none;
        }


        #bso-header.lr-h-bg-active
        .logo-positive {

            display:
                none;
        }


        #bso-header.lr-h-bg-active
        .logo-negative {

            display:
                flex;
        }



        /* -----------------------------------------------------
           MENU
           ----------------------------------------------------- */

        #bso-header.lr-h-bg-active
        .lr-soomi-header-menu-desktop
        ul.elementor-nav-menu
        li.menu-item
        a.elementor-item {

            color:
                var(--e-global-color-cf1b55c);

            fill:
                var(--e-global-color-cf1b55c);
        }



        /* -----------------------------------------------------
           CTA
           ----------------------------------------------------- */

        #bso-header.lr-h-bg-active
        .lr-soomi-header-cta
        a {

            color:
                var(--e-global-color-cf1b55c);

            fill:
                var(--e-global-color-cf1b55c);

            border-color:
                var(--e-global-color-cf1b55c);
        }

    }



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

    @media (max-width: 1024px) {

        #bso-header:not(.lr-h-bg-active)
        .logo-negative-mobile {

            display:
                none;
        }


        #bso-header.lr-h-bg-active
        .logo-positive-mobile {

            display:
                none;
        }


        #bso-header.lr-h-bg-active
        .logo-negative-mobile {

            display:
                flex;
        }

    }