/**
 * Feedback ładowania nawigacji — tylko pasek u góry (nie blokuje UI).
 * Kolory z motywu targi (secondary / primary).
 */

#nav-load-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 100001;
  pointer-events: none;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  background: linear-gradient(
    90deg,
    var(--color-secondary, #d02e2b) 0%,
    var(--color-accent, #b68946) 50%,
    var(--color-secondary, #d02e2b) 100%
  );
  background-size: 200% 100%;
  transition: opacity 0.15s ease, transform 0.35s ease;
}

#nav-load-bar.is-active {
  opacity: 1;
  transform: scaleX(0.72);
  animation: nav-load-shimmer 1.1s linear infinite;
}

#nav-load-bar.is-finishing {
  opacity: 1;
  transform: scaleX(1);
  animation: none;
  transition: transform 0.18s ease, opacity 0.25s ease 0.12s;
}

#nav-load-bar.is-done {
  opacity: 0;
  transform: scaleX(1);
}

@keyframes nav-load-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

.drawer-side .menu a.is-nav-pending {
  opacity: 0.7;
}

@media (prefers-reduced-motion: reduce) {
  #nav-load-bar.is-active {
    animation: none;
  }
}