/* ==========================================================
   PFB — BARRE DE PROGRESSION DE LECTURE UNIFIÉE · v1.7.12
   Articles WordPress + portfolios Rosie. Jamais sur pages fixes.
   Invisible au chargement : elle apparaît seulement après scroll.
   ========================================================== */

#pfbn-reading-progress-track{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:var(--pfbn-progress-top,0px)!important;
  width:100vw!important;
  height:5px!important;
  z-index:2147483647!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:rgba(3,6,10,.46)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 4px 14px rgba(0,0,0,.22)!important;

  /* Important : aucune ligne visible au chargement. */
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-2px)!important;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease,top .08s linear!important;
}

#pfbn-reading-progress-track.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}

#pfbn-reading-progress{
  display:block!important;
  width:100%!important;
  height:100%!important;
  transform:scaleX(0);
  transform-origin:0 50%;
  background:linear-gradient(
    90deg,
    #174d91 0%,
    #4da7ff 18%,
    #ffffff 34%,
    #df2631 64%,
    #ff5160 76%,
    #d9b65d 100%
  )!important;
  box-shadow:0 0 12px rgba(255,255,255,.34),0 0 18px rgba(223,38,49,.40)!important;
  will-change:transform;
}

@media (max-width:782px){
  #pfbn-reading-progress-track{height:4px!important;}
}

@media (prefers-reduced-motion:reduce){
  #pfbn-reading-progress-track{transition:none!important;}
}
