:root {
    --wolf-size: 50px; /*36px;*/
    --wolf-speed: 7s;
    --wolf-offset: 40px;
}

/* la navbar non clippa più nulla */
#navbar {
    position: relative;
    overflow: visible;
}

/* corsia del lupo: clippa SOLO lui */
#wolf-lane {
    position: absolute;
    inset: 0; /* copre tutta la navbar */
    overflow: hidden; /* nasconde il lupo quando esce a sx/dx */
    pointer-events: none; /* niente click */
    z-index: 0; /* sotto ai contenuti e ai dropdown */
}

/* il lupo come prima */
#wolf-runner {
    position: absolute;
    left: calc(-1 * var(--wolf-offset));
    bottom: 0;
    height: var(--wolf-size);
    animation: wolf-run var(--wolf-speed) linear infinite;
    pointer-events: none;
    z-index: 0; /* importante: resta sotto ai menu */
}

@keyframes wolf-run {
    from {
        left: calc(-1 * var(--wolf-offset));
    }
    to {
        left: calc(100% + var(--wolf-offset));
    }
}

/* opzioni già viste */
#wolf-runner.reverse {
    animation-direction: reverse;
}
#wolf-runner.flip {
    transform: scaleX(-1);
    transform-origin: center;
}