/* Phase 19 — Price display: compare-at strikethrough + promo badges. */

/* Compare-at strikethrough — both Surface 1 inline <s> and the dedicated class */
.price-item--regular s,
s.price-item--regular,
.ridge-was-strike,
.theridge-pdp-v2__was-price s,
.upsell-compare-at-price s,
.upsell-grid-compare-at-price s,
.upsell-slider-compare-at-price s {
  color: #999;
  text-decoration: line-through;
  margin-right: 6px;
  font-weight: 400;
}

/* Sale price emphasis */
.price-item--sale,
.theridge-pdp-v2__current-price .money {
  color: #c00;
  font-weight: 600;
}

/* Standard discount badge (Band B) */
.ridge-promo-badge {
  display: inline-block;
  padding: 2px 8px;
  background: #c00;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 2px;
  margin-left: 8px;
  vertical-align: middle;
  line-height: 1.4;
}

/* Half-price variant (Band C — visually distinct so QA can eyeball it) */
.ridge-promo-badge--half {
  background: #000;
}

/* Compact spacing on cards */
.product-list-item-price .ridge-promo-badge,
.upsell-price + .ridge-promo-badge,
.upsell-grid-price + .ridge-promo-badge,
.upsell-slider-price + .ridge-promo-badge {
  display: block;
  margin-left: 0;
  margin-top: 4px;
  width: fit-content;
}

/* Backwards-compat with Phase 18b runtime patcher classes (kept so existing
   nodes don't lose their style) */
.ridge-price-display { display: inline-flex; align-items: center; gap: 8px; font-family: inherit; }
.ridge-price-original { text-decoration: line-through; color: #999; font-size: 0.9em; }
.ridge-price-sale { font-weight: bold; font-size: 1.1em; color: #000; }
.ridge-discount-badge {
  display: inline-block; background-color: #d32f2f; color: white;
  padding: 2px 6px; border-radius: 3px; font-size: 0.75em; font-weight: bold; white-space: nowrap;
}
.product-select-option { display: flex; justify-content: space-between; gap: 12px; }
.product-select-option .ridge-price-display { margin-left: auto; }