/* =====================================================================
   EFFEKT-TEST — effects.css
   Präfix fx- auf allen Klassen / IDs
   -----------------------------------------------------------------------
   Zum Entfernen:
     READING-PROGRESS → Diese Datei löschen +
                        <link href="css/effects.css"> in index.html entfernen
   ===================================================================== */


/* -------------------------------------------------------------------
   Effekt 2 — Reading Progress Bar
   ------------------------------------------------------------------- */

#fx-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background: #C7784E;   /* Kupfer — bewusst kein var(), damit Effekt autark bleibt */
  z-index: 9999;         /* über Navbar (1000) und Overlay (999), unter Preview-Lock (99999) */
  pointer-events: none;  /* nie versehentlich anklickbar */
  transform-origin: left center;
}

/* Sanfte Breiten-Transition bei normaler Bewegungspräferenz */
@media (prefers-reduced-motion: no-preference) {
  #fx-progress-bar {
    transition: width 0.1s linear;
  }
}
/* prefers-reduced-motion: reduce → kein Overshot, direktes Width-Update ohne Transition */