/* ============================================================
   PASSPORT GATEWAY — Page progress bar
   Slim gold line at top of viewport during navigation.
   ============================================================ */

#pg-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 3px;
  z-index: 9999;
  pointer-events: none;
  background: linear-gradient(
    to right,
    var(--color-gold),
    #e8c96a,
    var(--color-gold)
  );
  background-size: 200% 100%;
  animation: pg-shimmer 1.4s linear infinite;
  box-shadow: 0 0 10px rgba(201, 162, 74, 0.6), 0 0 4px rgba(201, 162, 74, 0.4);
  transition: width 0.22s ease-out;
  border-radius: 0 2px 2px 0;
  opacity: 0;
}

#pg-progress.pg-progress--active {
  opacity: 1;
}

#pg-progress.pg-progress--done {
  opacity: 0;
  transition: width 0.15s ease-out, opacity 0.35s ease 0.05s;
}

@keyframes pg-shimmer {
  0%   { background-position: 100% center; }
  100% { background-position: -100% center; }
}