/* Kit component lines shown under the kit's name in cart, mini-cart /
   side-cart widgets, checkout, order emails and admin order screens. */
.wckit-cart-line {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 4px 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}
.wckit-line-img {
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	max-width: 28px !important;
	flex: 0 0 28px !important;
	object-fit: cover !important;
	border-radius: 4px !important;
}
.wckit-cart-line-text {
	font-size: 0.92em;
	color: #666;
	line-height: 1.35;
	overflow-wrap: break-word;
	word-break: break-word;
	min-width: 0;
}
.wckit-cart-line-qty {
	font-weight: 600;
	color: #888;
}

/* Our component entries never have a real "key" (label) — WooCommerce
   and most mini-cart plugins still render an empty "<dt>:</dt>" before
   each one, which shows up as a stray, meaningless colon. Hide it. */
dt.variation-,
dt[class="variation-"] {
	display: none !important;
}
/* Themes commonly style .variation dt/dd as inline (to show a single
   "Attribute: Value" pair on one line for real product variations).
   That rule collides with our list — force each of our entries back
   to its own block-level row, stacked one under the other. */
dd.variation-,
dd[class="variation-"] {
	display: block !important;
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
dd.variation- p,
dd[class="variation-"] p {
	display: block !important;
	margin: 0 !important;
}