/* Aplica a cart / checkout / mini-cart (IDs dinámicos) */
/* Explicación: estilos de la barra de envío gratis. */
.sup-free-shipping-bar .sup-free-shipping-msg {
  margin-bottom: 8px;
}

.sup-free-shipping-bar .sup-free-shipping-track {
  height: 12px;
  background: #e9e9e9;
  border-radius: 999px;
  overflow: hidden;
}

.sup-free-shipping-bar .sup-free-shipping-track > span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background-color: #80b700;
  background-image: repeating-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.25) 0 10px,
    rgba(255, 255, 255, 0) 10px 20px
  );
}

/* FIX: checkout (tabla de review) fuerza alineación izquierda */
/* Explicación: asegura alineación izquierda dentro del review del checkout. */
.woocommerce-checkout-review-order-table .sup-free-ship-row td,
.woocommerce-checkout-review-order-table .sup-free-shipping-bar,
.woocommerce-checkout-review-order-table .sup-free-shipping-bar * {
  text-align: left !important;
}

/* opcional: que la barra use todo el ancho dentro del td */
/* Explicación: la barra ocupa todo el ancho disponible. */
.woocommerce-checkout-review-order-table .sup-free-shipping-bar {
  display: block;
  width: 100%;
}