/* Slovra V6 — PART 1.14 Progress Rail Fix
   Restores the clearly visible long hero progress rail independently of the CTA. */

/* The CTA no longer owns the progress width. */
#screen-home .slovra-static-hero-action-row{
  width:auto!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  margin-top:1px!important;
  position:static!important;
}
#screen-home .slovra-static-hero-cta{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  min-width:0!important;
  width:max-content!important;
  min-height:29px!important;
  padding:0 11px!important;
}

/* Independent rail: from hero left edge to immediately before the level badge. */
#screen-home .slovra-static-hero-progress{
  position:absolute!important;
  z-index:4!important;
  left:24px!important;
  right:88px!important;
  bottom:15px!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  pointer-events:none!important;
}
#screen-home .slovra-static-hero .overall-progress{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:5px!important;
  margin:0!important;
  border-radius:999px!important;
  /* The full rail must remain visible even on bright RGB frames. */
  background:rgba(255,255,255,.38)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
  overflow:hidden!important;
}
#screen-home .slovra-static-hero .overall-progress-fill{
  display:block!important;
  height:100%!important;
  min-width:3px!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#f7ff68 0%,#7bffd1 48%,#58d8ff 100%)!important;
  box-shadow:0 0 11px rgba(130,255,218,.45)!important;
}
#screen-home .slovra-static-hero .progress-label{
  display:block!important;
  max-width:none!important;
  margin-top:4px!important;
  color:rgba(255,255,255,.88)!important;
  font:800 8px/1.1 'Nunito',system-ui,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Reserve vertical room for the detached rail without making the banner taller. */
#screen-home .slovra-static-hero-copy{
  padding-bottom:22px!important;
  box-sizing:border-box!important;
}

body.light-mode #screen-home .slovra-static-hero .overall-progress,
body.light #screen-home .slovra-static-hero .overall-progress{
  background:rgba(255,255,255,.46)!important;
}

@media(max-width:720px){
  #screen-home .slovra-static-hero-progress{
    left:13px!important;
    right:57px!important;
    bottom:10px!important;
  }
  #screen-home .slovra-static-hero .overall-progress{height:4px!important}
  #screen-home .slovra-static-hero .progress-label{
    margin-top:3px!important;
    font-size:6.8px!important;
  }
  #screen-home .slovra-static-hero-copy{padding-bottom:18px!important}
  #screen-home .slovra-static-hero-cta{
    min-height:25px!important;
    padding:0 8px!important;
    font-size:7.8px!important;
  }
}

@media(max-width:390px){
  #screen-home .slovra-static-hero-progress{
    left:12px!important;
    right:54px!important;
    bottom:8px!important;
  }
  #screen-home .slovra-static-hero-copy{padding-bottom:16px!important}
  #screen-home .slovra-static-hero-cta{
    width:auto!important;
    min-width:25px!important;
    min-height:25px!important;
  }
}