/* Text */
.afsp-wrapper { 
	margin: 20px 0; 
}
.afsp-text { margin: 0 0 1.2rem; line-height: 1.4; }

/* Track nimmt volle Breite ein */
.afsp-track {
  position: relative;
  width: 100%;
  min-width: 220px;
  padding-top: 1.1rem;       /* Platz für Prozent über dem Balken */
}

/* Prozent-Label fährt am Übergang mit */
.afsp-percent {
  position: absolute;
  top: -0.1rem;              /* knapp über dem Balken; bei Bedarf feintunen */
  left: calc(var(--p, 0) * 1%);
  transform: translateX(-50%);
  font-size: 0.95rem;
  font-weight: 700;
  color: #d4af37;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}

/* Gesplitteter Balken: links Gold, rechts Schwarz */
.afsp-split {
  display: flex;
  width: 100%;
  height: 6px;
  border-radius: 9999px;
  overflow: hidden;
}

.afsp-left {
  width: calc(var(--w, 0) * 1%);   /* wächst */
  background: linear-gradient(90deg, #f8e08a 0%, #e3c253 40%, #d4af37 100%);
  transition: width .25s ease;
}

.afsp-right {
  flex: 1 1 auto;                  /* schrumpft */
  background: #1f1f1f;
}

/* Gratisversand erreicht */
.afsp--reached .afsp-track { display: none; }
.afsp-success-line {
  height: 6px;
  border-radius: 9999px;
  background: linear-gradient(90deg, #f8e08a 0%, #e3c253 40%, #d4af37 100%);
}

/* etwas Luft im Mini-Cart */
.widget_shopping_cart .afsp-wrapper { margin-top: 10px; }