/* NG08 STEP 36.2 — Continuous sourcing master track */

@media(min-width:1051px){

    #ngWowMegaRoot [data-ng-wow-panel="sourcing"] .ng-wow-journey{
        position:relative;
    }

    /*
     * Replace the segmented-looking line with one continuous master track.
     * It spans from the center of node 01 to the center of node 04.
     */
    #ngWowMegaRoot [data-ng-wow-panel="sourcing"] .ng-wow-journey::before{
        content:"";
        position:absolute;
        z-index:2;

        top:52px;
        left:calc((100% - 30px) / 8);
        right:calc((100% - 30px) / 8);

        height:1px;

        background:
            linear-gradient(
                90deg,
                rgba(183,213,50,.22) 0%,
                rgba(183,213,50,.58) 18%,
                rgba(183,213,50,.58) 82%,
                rgba(183,213,50,.22) 100%
            );

        box-shadow:
            0 0 7px rgba(183,213,50,.10);

        pointer-events:none;
    }

    /*
     * Cards must not visually cut the track.
     * Keep their surfaces below the master track.
     */
    #ngWowMegaRoot [data-ng-wow-panel="sourcing"] .ng-wow-journey-card{
        z-index:1 !important;
    }

    /*
     * Nodes sit above the track and mask it cleanly,
     * producing one continuous architectural line.
     */
    #ngWowMegaRoot [data-ng-wow-panel="sourcing"] .ng-wow-journey-card__node{
        position:relative;
        z-index:4;

        background:var(--ng-wow-bg) !important;

        box-shadow:
            0 0 0 5px var(--ng-wow-bg);
    }

    /*
     * Keep the glow dot on exactly the same master track.
     */
    #ngWowMegaRoot [data-ng-wow-panel="sourcing"] .ng-wow-journey::after{
        top:48px !important;

        left:calc((100% - 30px) / 8) !important;

        animation:ngWowSourcingPulseContinuous 5.8s linear infinite !important;
    }

    @keyframes ngWowSourcingPulseContinuous{
        0%{
            left:calc((100% - 30px) / 8);
            opacity:0;
            transform:scale(.72);
        }
        4%{
            opacity:1;
            transform:scale(1);
        }
        50%{
            opacity:1;
            transform:scale(1.08);
        }
        96%{
            opacity:1;
            transform:scale(1);
        }
        100%{
            left:calc(100% - ((100% - 30px) / 8));
            opacity:0;
            transform:scale(.72);
        }
    }
}

@media(prefers-reduced-motion:reduce){
    #ngWowMegaRoot [data-ng-wow-panel="sourcing"] .ng-wow-journey::after{
        animation:none !important;
        display:none !important;
    }
}