/* Navigation progress bar (see js/nav-progress.js). */

:root {
    --nav-progress-color: #007bff; /* Classic: Bootstrap primary */
}

html[data-onlinemes-theme="aqua"] {
    /* Mirrors --rd-btn-primary-bg in aqua-redesign-tokens.css */
    --nav-progress-color: linear-gradient(90deg, #0e7490 0%, #2979b0 60%, #1abc9c 100%);
}

#nav-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 10500; /* above modals/sticky headers */
    background: var(--nav-progress-color);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 180ms ease-out, opacity 200ms ease-in;
    opacity: 0;
    pointer-events: none;
}

#nav-progress-bar.nav-progress-active {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    #nav-progress-bar {
        transition: none;
    }
}