/* UNA UI Bars
   - Uses global tokens / Style Library variables when available
   - OFF means no markup, so CSS file is only enqueued when needed
*/

.una-top-strip{
  position: fixed;
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: 0;
  height: var(--una-ui-strip-height, 4px);
  background: var(--una-ui-strip-gradient, var(--una-color-primary, #0b5fff));
  z-index: 999999;
}

.admin-bar .una-top-strip{ top: 32px; }
@media (max-width: 782px){
  .admin-bar .una-top-strip{ top: 46px; }
}

.una-scroll-progress{
  position: fixed;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  height: var(--una-ui-progress-height, 4px);
  background: var(--una-ui-progress-bg, rgba(0,0,0,.08));
  z-index: 999999;
}

.una-scroll-progress__bar{
  display:block;
  width:0;
  height:100%;
  background: var(--una-ui-progress-gradient, var(--una-ui-progress-color, var(--una-color-primary, #0b5fff)));
}