/* Bundle Boss — cart line styles.

   A bundle cart line lists each component as a clean stacked entry: the
   component name, then its chosen options / price muted underneath. Scoped to
   bundle rows (.bundle-boss-cart-item) and theme-proofed with !important so a
   theme that floats or inlines the dt/dd can't collapse the list back into a
   single " / "-joined run-on. The classic cart, checkout and the mini-cart all
   render this same dl.variation markup, so one rule covers them. */
.bundle-boss-cart-item dl.variation {
	display: block !important;
	margin: 8px 0 0 !important;
}

.bundle-boss-cart-item dl.variation dt,
.bundle-boss-cart-item dl.variation dd {
	display: block !important;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	font-size: 0.85em;
	line-height: 1.45;
}

/* Component name: its own line, emphasised. */
.bundle-boss-cart-item dl.variation dt {
	font-weight: 600;
	margin-top: 6px !important;
}
.bundle-boss-cart-item dl.variation dt:first-of-type {
	margin-top: 0 !important;
}

/* Options / price: muted, sits directly under the name. */
.bundle-boss-cart-item dl.variation dd {
	opacity: 0.72;
}
.bundle-boss-cart-item dl.variation dd p {
	display: inline;
	margin: 0;
}