/**
 * Kit Builder for WooCommerce — block cart & checkout polish.
 * Author: Volant Software — https://www.volantsoftware.com/
 *
 * The entry itself is renderer-proof (the count lives in the key, the
 * quantity emphasis in <strong> inside the value), so these rules only
 * make the block layout match the classic one: our entry on its own
 * line, the "Includes N components:" header bold, the component lines
 * dropped just below it, and the blocks' hardcoded " / " separator
 * spans hidden around our entry. No font sizes, colors, or line-height
 * overrides — native spacing everywhere.
 */

/* Slight breathing room between the component lines — the wrapper span
   exists in the entry's own HTML, so this one rule spaces the lines
   identically on the classic cart and the block cart/checkout. */
.wc-kb-lines {
	line-height: 1.7;
}

.wc-block-components-product-details .wc-kb-item-data {
	display: block;
	margin: 6px 0 0;
}

/* "Includes N components:" — bold header, like the classic cart's dt. */
.wc-kb-item-data .wc-block-components-product-details__name {
	font-weight: 600;
}

/* Component lines start on their own line, a touch below the header. */
.wc-kb-item-data .wc-block-components-product-details__value {
	display: block;
	margin-top: 2px;
}

/* Hide the hardcoded " / " separator inside our entry … */
.wc-kb-item-data > span[aria-hidden="true"] {
	display: none;
}

/* … and the dangling separator at the end of the row preceding ours. */
.wc-block-components-product-details > span:has(+ .wc-kb-item-data) > span[aria-hidden="true"] {
	display: none;
}