/**
 * PCL Data Customer Discount - Frontend styles.
 *
 * Styles for the discount display on product pages, product archive
 * pages, and the checkout totals table.
 *
 * @package pcldiscount
 * @since   1.0.0
 */

/* ------------------------------------------------------------------ */
/* Product & archive pages: "Ordinarie pris" / "Ditt pris" display    */
/* ------------------------------------------------------------------ */

/**
 * Original price line: strikethrough, muted color.
 */
.pcl-discount-ordinarie {
	color: #757575;
	text-decoration: line-through;
	font-size: 0.9em;
}

/**
 * Discounted price line: bold, prominent.
 */
.pcl-discount-ditt-pris {
	font-weight: 700;
}

/* ------------------------------------------------------------------ */
/* Cart table: "Din rabatt: X%" line under product name               */
/* ------------------------------------------------------------------ */

/**
 * Discount percentage line in the cart table.
 */
.pcl-discount-rabatt {
	color: #757575;
	font-size: 0.85em;
	font-style: italic;
}

/* ------------------------------------------------------------------ */
/* Checkout page: discount breakdown table                               */
/* ------------------------------------------------------------------ */

/**
 * The discount breakdown table rendered after the WooCommerce
 * checkout totals table. Inherits the shop_table base styles
 * from WooCommerce and adds our own row-specific styling.
 */
.pcl-discount-breakdown {
	width: 100%;
	margin-top: 0;
}

/**
 * Base style for all discount rows in the breakdown table.
 */
.pcl-discount-breakdown .pcl-discount-row {
	font-size: 0.95em;
}

/**
 * "Ordinarie pris" row: muted, strikethrough value.
 */
.pcl-discount-breakdown .pcl-discount-ordinarie th,
.pcl-discount-breakdown .pcl-discount-ordinarie td {
	color: #757575;
	text-decoration: line-through;
}

/**
 * "Rabatt" row: green, indicating savings.
 */
.pcl-discount-breakdown .pcl-discount-rabatt th,
.pcl-discount-breakdown .pcl-discount-rabatt td {
	color: #2e7d32;
}

/**
 * "Totalt" row: bold, prominent.
 */
.pcl-discount-breakdown .pcl-discount-totalt th,
.pcl-discount-breakdown .pcl-discount-totalt td {
	font-weight: 700;
}