/* One visual hierarchy for Woo prices. Amounts and accessibility labels come from Woo. */
body .manta-price,
body :is(.manta-product-card__price, .product-card__price, .product__price-wrap, .product__price, .sticky-cta__price),
body .woocommerce :is(p.price, span.price),
body .product .price {
  color: var(--manta-ink);
  font-family: var(--manta-font-serif) !important;
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0;
}

body .manta-price {
  display: inline;
  font-size: inherit;
}

/* Keep del and ins inline so long currency formats/ranges can wrap between prices. */
body :is(.manta-price, .price, .manta-product-card__price, .product-card__price, .quantity) del {
  display: inline;
  margin: 0 0.35em 0 0;
  color: var(--manta-muted);
  font-family: var(--manta-font-sans);
  font-size: 0.65em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-decoration: line-through;
  opacity: 1;
}

body :is(.manta-price, .price, .manta-product-card__price, .product-card__price, .quantity) ins {
  display: inline;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--manta-ink);
  font-family: var(--manta-font-serif);
  font-size: 1em;
  font-weight: 600;
  font-style: normal;
  line-height: inherit;
  text-decoration: none;
}

body .manta-price ins {
  white-space: nowrap;
}

body .manta-price .manta-price__only {
  display: inline;
  margin: 0 0.25em 0 0;
  font: 700 11px/1.2 var(--manta-font-sans);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  vertical-align: baseline;
}

body .woocommerce-Price-amount {
  white-space: nowrap;
}

/* Keep Woo's configured price suffix out of the storefront presentation. */
body .woocommerce-price-suffix {
  display: none !important;
}

body .manta-v2 .manta-product-card__price {
  font-size: 22px;
  line-height: 1.25;
}

body .manta-v2 .manta-product-card__price del {
  display: inline;
  font-size: 14px;
}

body .manta-v2 .manta-product-card__footer {
  flex-wrap: wrap;
  row-gap: 8px;
}

/* Transactional totals retain functional sans type and the cart's own calculations. */
body :is(.woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order, .wfacp_form, .woocommerce-mini-cart) .woocommerce-Price-amount {
  font-family: var(--manta-font-sans);
  font-weight: 600;
}

body :is(button, .button) .product__price,
body :is(button, .button) .manta-price {
  color: inherit;
  font: inherit !important;
}

@media (max-width: 767px) {
  body .manta-v2 .manta-product-card__price {
    font-size: 20px;
  }
  body .manta-v2 .manta-product-card__price del {
    display: inline;
    font-size: 13px;
  }
}

/* FunnelKit side-cart prices use <del> followed by the active amount, without <ins>. */
body #fkcart-modal .fkcart-item-price {
  color: var(--manta-ink);
  font: 600 18px/1.4 var(--manta-font-sans);
}
body #fkcart-modal .fkcart-item-price del {
  color: var(--manta-muted);
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
}
body #fkcart-modal .fkcart-item-price ins {
  background: transparent;
  color: inherit;
  font-weight: 600;
  text-decoration: none;
}
body :is(.woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order, .wfacp_form, .woocommerce-mini-cart, #fkcart-modal) del .woocommerce-Price-amount {
  font-weight: 400;
}