/* Keep base prices and local estimates readable in cards and the upgrade dialog. */
.offer-price {
  flex-wrap: wrap;
}

.offer-current-price {
  display: inline-flex;
  align-items: baseline;
  gap: .3rem;
  white-space: nowrap;
}

.js:not([data-pricing-ready="true"]) .offer-price,
.js:not([data-pricing-ready="true"]) [data-pricing-note] {
  visibility: hidden;
}

html[data-price-mode="fixed"] .bonus-price .line-through {
  display: none;
}

.offer-price .offer-previous-price {
  color: #8c766b;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  margin-right: .35rem;
  font-weight: 800;
  white-space: nowrap;
}

.offer-card .pricing-note,
.upgrade-modal-dialog .pricing-note {
  margin: .5rem 0 1rem;
  color: #65483c;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.5;
  text-wrap: pretty;
}

.upgrade-modal-dialog .pricing-note {
  max-width: 38rem;
  margin-inline: auto;
}