/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Customer discount price — distinguish from regular WooCommerce sale prices */
.fsp-customer-discount-price {
  display: flex;
  flex-direction: column;
}

.fsp-customer-discount-label {
  display: block;
  font-weight: 700;
  color: #277053;
  text-decoration: underline;
}

.fsp-customer-discount-price ins {
  text-decoration: none;
  font-weight: 700;
}

.fsp-customer-discount-price del {
  opacity: 0.5;
}

/* Match main price styling when variation is selected */
.woocommerce-variation-price .fsp-customer-discount-price {
  font-size: inherit;
}

.woocommerce-variation-price .fsp-customer-discount-label {
  font-size: inherit;
}