/*
 * LLU 5.4.11 – restore original menu side surfaces.
 *
 * IMPORTANT:
 * - 5.4.10 navigation geometry is untouched.
 * - The old fixed full-width gradient stays disabled.
 * - These fills are attached to the REAL moving nav list.
 *
 * Original LLU outer menu colors:
 *   left  = #DEC6A7
 *   right = #477687
 */

@media (min-width: 901px) {

    /*
     * Clip only the decorative extensions at the viewport edge.
     * The actual menu, click targets and sticky tools remain unchanged.
     */
    body.llu-home .llu-scroll-nav--home,
    body > .llu-scroll-nav--home.is-stuck {
        overflow-x: hidden !important;
    }

    /*
     * The actual nav list is already moved by 5.4.10.
     * Its pseudo-elements therefore move on exactly the same axis.
     */
    body.llu-home .llu-scroll-nav--home .llu-nav-list,
    body > .llu-scroll-nav--home.is-stuck .llu-nav-list {
        position: relative !important;
        isolation: isolate;
    }

    body.llu-home .llu-scroll-nav--home .llu-nav-list::before,
    body.llu-home .llu-scroll-nav--home .llu-nav-list::after,
    body > .llu-scroll-nav--home.is-stuck .llu-nav-list::before,
    body > .llu-scroll-nav--home.is-stuck .llu-nav-list::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        height: 100% !important;
        width: 100vw !important;
        pointer-events: none !important;
        z-index: -1 !important;
    }

    /* Original warm left outer surface. */
    body.llu-home .llu-scroll-nav--home .llu-nav-list::before,
    body > .llu-scroll-nav--home.is-stuck .llu-nav-list::before {
        right: 100% !important;
        background: #DEC6A7 !important;
        background-color: #DEC6A7 !important;
    }

    /* Original blue-grey right outer surface. */
    body.llu-home .llu-scroll-nav--home .llu-nav-list::after,
    body > .llu-scroll-nav--home.is-stuck .llu-nav-list::after {
        left: 100% !important;
        background: #477687 !important;
        background-color: #477687 !important;
    }

    /*
     * Keep every real tile above the decorative side surfaces.
     * Color and click area remain the same element.
     */
    body.llu-home .llu-scroll-nav--home .llu-nav-item,
    body > .llu-scroll-nav--home.is-stuck .llu-nav-item {
        position: relative !important;
        z-index: 1 !important;
    }
}