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

/* A bundle that asks questions (Pro): each item's answers under it, one to a
   line with what each adds, then what one item comes to. The dots between
   the parts are text for the carts these styles never reach (the block cart
   prints the parts on one line); here each part has its own line instead. */
.bb-cart-asks {
	display: block;
	margin: 4px 0 2px;
	padding-left: 10px;
	border-left: 2px solid rgba( 128, 128, 128, 0.35 );
}
.bb-cart-ask {
	display: block;
	font-size: 0.92em;
	line-height: 1.45;
}
.bb-cart-ask-q {
	font-weight: 600;
}
.bb-cart-each {
	display: block;
	font-weight: 600;
}
.bb-cart-each .woocommerce-Price-amount {
	font-weight: inherit;
}
.bb-cart-asks .bb-cart-sep,
.bb-cart-each .bb-cart-sep {
	display: none;
}