/**
 * 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 */
/* Default color matches SOLD_AS_PACK_DEFAULT_PER_ITEM_COLOR in PHP */
small.pack-per-item {
	display: block;
	font-size: 0.75em;
	font-weight: 400;
	color: #555555;
	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;
}

/* Pack term label shown inside the quantity box on single product pages */
.quantity {
	position: relative;
}

.pack-qty-label {
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 0.6em;
	font-weight: 600;
	color: #555555;
	pointer-events: none;
	line-height: 1;
}

/* Real-time total price shown after the Add to Cart button on single product pages */
p.pack-total-price {
	clear: both;
	display: block;
	flex-basis: 100%;
	width: 100%;
	margin: 0;
	padding: 20px 0 0;
	font-size: 1em;
}