/**
 * Sold as Pack for WooCommerce — Frontend Styles
 *
 * Provides base styles for the pack price label and per-item price line.
 * These are intentionally neutral defaults. Override in your theme or via
 * the WordPress Customizer Additional CSS to match your store's branding.
 *
 * Example override:
 *   .pack-price-info { color: #e4862b; }
 */

/* Pack label: "/ Dozen" shown after the price */
.pack-price-info {
	font-weight: 600;
}

/* Per-item price: smaller, muted, shown on the line below */
small.pack-per-item {
	display: block;
	font-size: 0.75em;
	font-weight: 400;
	color: #555;
	margin-top: 2px;
}

/*
 * Override WooCommerce's price amount styles inside the per-item line.
 * WooCommerce (and some themes) apply font-size, font-weight, and color
 * with !important on .woocommerce-Price-amount. These rules ensure the
 * per-item price inherits the small element's reduced size and neutral weight.
 */
small.pack-per-item .woocommerce-Price-amount,
small.pack-per-item .woocommerce-Price-amount bdi,
small.pack-per-item .woocommerce-Price-currencySymbol {
	font-size: inherit !important;
	font-weight: 400 !important;
	color: inherit !important;
}