#nav-loading-bar {
    position: fixed;
    top: 0; left: 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, #ff6a00, #f59e0b);
    box-shadow: 0 0 8px rgba(255, 106, 0, 0.6);
    z-index: 99999;
    transition: width 0.4s ease;
    pointer-events: none;
}
#nav-loading-bar.active { width: 85%; }
#nav-loading-bar.done   { width: 100%; opacity: 0; transition: width 0.2s ease, opacity 0.4s ease 0.1s; }

.is-navigating {
    opacity: 0.65;
    pointer-events: none;
    cursor: wait !important;
    position: relative;
}
.is-navigating .submenu-arrow,
.is-navigating .dropdown-toggle::after { visibility: hidden; }

.nav-spinner {
    display: none;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    vertical-align: -2px;
    animation: nav-spin 0.6s linear infinite;
    opacity: 0.85;
}
.is-navigating .nav-spinner { display: inline-block; }
.btn.is-navigating .nav-spinner,
.zone-btn.is-navigating .nav-spinner {
    border-color: currentColor;
    border-right-color: transparent;
}
@keyframes nav-spin { to { transform: rotate(360deg); } }