/* ════════════════════════════════════════════════════════════════
   MARSTALLER-UNIVERSUM — Scroll-Progress-Indikator (5.4.8)
   Dünne Gold-Linie am oberen Bildschirmrand wächst beim Scrollen.
   ════════════════════════════════════════════════════════════════ */

.mup-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background: linear-gradient(
    to right,
    var(--mup-gold-deep, #a08530),
    var(--mup-gold, #c9a84c) 60%,
    rgba(201, 168, 76, 0.5) 100%
  );
  z-index: calc(var(--mup-z-header, 9990) + 5);
  pointer-events: none;
  transform-origin: left center;
  /* kein transition — direkt per rAF gesetzt für Smooth-60fps */
  box-shadow: 0 0 8px rgba(201, 168, 76, 0.4);
}

/* Versteckt wenn ganz oben oder unten */
.mup-scroll-progress.is-hidden {
  opacity: 0;
  transition: opacity var(--mup-t-fast, 200ms) var(--mup-ease-hover, ease);
}

@media print {
  .mup-scroll-progress { display: none !important; }
}