/**
 * Display Price Per Unit
 *
 * @author    Pixelorigin
 * @copyright 2026 Pixelorigin
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 *
 * Override these rules in your theme to customize the display.
 */
/* Own line under the price, also inside flex price containers (Hummingbird) */
.dppu-line {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 0.25rem;
}

.dppu {
  display: inline-block;
  color: var(--dppu-color, #757575);
  font-size: var(--dppu-size, 0.875em);
  font-weight: 400;
  line-height: 1.35;
  white-space: nowrap;
}

.dppu--badge {
  padding: 0.15em 0.6em;
  border: 1px solid currentColor;
  border-radius: 999px;
}

.dppu--boxed {
  padding: 0.3em 0.65em;
  border-left: 3px solid currentColor;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.045);
}

.dppu--theme {
  color: inherit;
  font-size: inherit;
}

/* Product lists: keep the line compact under the price */
.dppu-line--listing {
  margin-top: 0.15rem;
}

.dppu--listing {
  font-size: calc(var(--dppu-size, 0.875em) * 0.92);
}

.dppu--listing.dppu--theme {
  font-size: 0.85em;
}

.dppu-line--cart {
  margin-top: 0.1rem;
}