/* 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;
}

/* Per-item personalisation, folded under its component line as an indented,
   accented sub-block, so a name / branding / engraving reads as belonging to
   the item above rather than as separate cart products. Not scoped to the
   classic row class on purpose: the block cart renders the same `display`
   HTML, so this one rule covers both carts, the mini-cart and checkout. */
.bb-cart-perso {
	display: block;
	margin: 5px 0 2px;
	padding-left: 10px;
	border-left: 2px solid rgba( 128, 128, 128, 0.35 );
}
.bb-cart-perso-line {
	display: block;
	font-size: 0.92em;
	line-height: 1.45;
}
.bb-cart-perso-label {
	font-weight: 600;
}
.bb-cart-perso-label::after {
	content: ":";
}