/*
 * Cart / checkout / mini-cart item meta: pairs flow inline on ONE row,
 * 10px space between each "Label: value" pair; anything that does not fit
 * the row is behind a "show more" toggle (cart-meta.js measures overflow
 * and adds the classes + button).
 */
.woocommerce-cart-form dl.variation,
.woocommerce-checkout-review-order-table dl.variation,
.widget_shopping_cart dl.variation {
	margin: 6px 0 0;
	line-height: 1.6;
	font-size: 13px;
	color: #999;
}

.woocommerce-cart-form dl.variation dt,
.woocommerce-checkout-review-order-table dl.variation dt,
.widget_shopping_cart dl.variation dt {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: 500;
	line-height: inherit;
	color: inherit;
}

/* 10px gap between pairs = right margin on each value. */
.woocommerce-cart-form dl.variation dd,
.woocommerce-checkout-review-order-table dl.variation dd,
.widget_shopping_cart dl.variation dd {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
	color: inherit;
}

.woocommerce-cart-form dl.variation dd p,
.woocommerce-checkout-review-order-table dl.variation dd p,
.widget_shopping_cart dl.variation dd p {
	display: inline;
	margin: 0;
	color: inherit;
}

/* Shoptimizer's drawer rule is more specific (12px / #111) — match it. */
.shoptimizer-mini-cart-wrap .widget_shopping_cart li.mini_cart_item dl.variation,
.shoptimizer-mini-cart-wrap .widget_shopping_cart li.mini_cart_item dl.variation p {
	font-size: 11px;
	color: #999;
}

/* Clamp to a single row until expanded (classes managed by cart-meta.js;
   the inline dt/dd content flows as lines inside the -webkit-box). */
dl.variation.tpux-meta-clamp:not(.tpux-meta-open) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	overflow: hidden;
}

.tpux-meta-toggle {
	display: inline-block;
	margin: 2px 0 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	font-size: 12px;
	line-height: 1.4;
	color: #777;
	text-decoration: underline;
	cursor: pointer;
}

.tpux-meta-toggle:hover,
.tpux-meta-toggle:focus {
	background: none;
	color: #111;
}

.widget_shopping_cart .tpux-meta-toggle {
	font-size: 11px;
}