/**
 * Stamps Attribute Picker - cart item metadata styles.
 *
 * Scoped to WooCommerce's mini-cart so Blocksy product widgets keep their
 * default layout.
 */

.woocommerce-mini-cart .product-data {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-content: start;
	row-gap: 4px;
	min-width: 0;
}

.woocommerce-mini-cart .product-data > .product-title,
.woocommerce-mini-cart .product-data > .quantity,
.woocommerce-mini-cart .product-data > .sap-mini-cart-charge {
	min-width: 0;
}

.woocommerce-mini-cart .product-data > dl.variation {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	align-items: start;
	column-gap: 0.35em;
	row-gap: 2px;
	margin: 5px 0 0;
	margin-inline-end: 20px;
	padding: 0;
	font-size: 13px;
}

.woocommerce-mini-cart .product-data > dl.variation:not(:last-child) {
	margin-bottom: 0;
}

.woocommerce-mini-cart .product-data > dl.variation dt,
.woocommerce-mini-cart .product-data > dl.variation dd {
	display: block;
	float: none !important;
	clear: none !important;
	min-width: 0;
	margin: 0;
	padding: 0;
	line-height: 1.35;
}

.woocommerce-mini-cart .product-data > dl.variation dt {
	grid-column: 1;
	font-weight: 600;
}

.woocommerce-mini-cart .product-data > dl.variation dd {
	grid-column: 2;
	overflow-wrap: anywhere;
}

.woocommerce-mini-cart .product-data > dl.variation dt.variation-spanclassfpd-cart-item-meta-titlespan {
	display: none;
}

.woocommerce-mini-cart .product-data > dl.variation dd.variation-spanclassfpd-cart-item-meta-titlespan {
	grid-column: 1 / -1;
}

.woocommerce-mini-cart .product-data > dl.variation dd p {
	display: inline;
	margin: 0;
	line-height: inherit;
}

.woocommerce-mini-cart .product-data > dl.variation dd .fpd-cart-element-color {
	display: inline-flex;
	float: none !important;
	align-items: center;
	vertical-align: middle;
	margin: 0 0.35em 2px 0 !important;
	line-height: 1.3;
}

.woocommerce-mini-cart .product-data > .quantity,
.woocommerce-mini-cart .product-data > .sap-mini-cart-charge {
	display: block;
	margin-top: 2px;
}

/**
 * Full cart + checkout item metadata.
 */

.woocommerce-cart-form__contents .product-name > dl.variation,
.woocommerce-checkout-review-order-table .product-name > dl.variation {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	align-items: start;
	column-gap: 0.35em;
	row-gap: 2px;
	margin: 8px 0 0;
	padding: 0;
}

.woocommerce-cart-form__contents .product-name > dl.variation dt,
.woocommerce-cart-form__contents .product-name > dl.variation dd,
.woocommerce-checkout-review-order-table .product-name > dl.variation dt,
.woocommerce-checkout-review-order-table .product-name > dl.variation dd {
	display: block;
	float: none !important;
	clear: none !important;
	min-width: 0;
	margin: 0;
	padding: 0;
	line-height: 1.35;
}

.woocommerce-cart-form__contents .product-name > dl.variation dt,
.woocommerce-checkout-review-order-table .product-name > dl.variation dt {
	grid-column: 1;
	font-weight: 600;
}

.woocommerce-cart-form__contents .product-name > dl.variation dd,
.woocommerce-checkout-review-order-table .product-name > dl.variation dd {
	grid-column: 2;
	overflow-wrap: anywhere;
}

.woocommerce-cart-form__contents .product-name > dl.variation dt.variation-spanclassfpd-cart-item-meta-titlespan,
.woocommerce-checkout-review-order-table .product-name > dl.variation dt.variation-spanclassfpd-cart-item-meta-titlespan {
	display: none;
}

.woocommerce-cart-form__contents .product-name > dl.variation dd.variation-spanclassfpd-cart-item-meta-titlespan,
.woocommerce-checkout-review-order-table .product-name > dl.variation dd.variation-spanclassfpd-cart-item-meta-titlespan {
	grid-column: 1 / -1;
}

.woocommerce-cart-form__contents .product-name > dl.variation dd p,
.woocommerce-checkout-review-order-table .product-name > dl.variation dd p {
	display: inline;
	margin: 0;
	line-height: inherit;
}

.woocommerce-cart-form__contents .product-name > dl.variation dd .fpd-cart-element-color,
.woocommerce-checkout-review-order-table .product-name > dl.variation dd .fpd-cart-element-color {
	display: inline-flex;
	float: none !important;
	align-items: center;
	vertical-align: middle;
	margin: 0 0.35em 2px 0 !important;
	line-height: 1.3;
}