/**
 * ILD Shop UX — variation guidance + price-per-100g value metric (not a pack size).
 * + archive "from £X". Desktop-scannable.
 */

.ild-attr-guidance {
	display: block;
	margin: 0.35em 0 0;
	padding: 0;
	max-width: 28em;
	font-size: 0.875rem;
	line-height: 1.35;
	font-weight: 400;
	color: #5a5248;
	font-style: italic;
}

.ild-attr-guidance[hidden] {
	display: none !important;
}

@media (min-width: 1280px) {
	table.variations td.value .ild-attr-guidance {
		max-width: 32em;
		font-size: 0.9rem;
	}
}

.ild-price-per-100g,
.ild-price-per-100g-sc {
	display: block;
	margin: 0.25em 0 0.5em;
	font-size: 0.95rem;
	line-height: 1.35;
	font-weight: 400;
	color: #5a5248;
	max-width: 28em;
}

.ild-price-per-100g__metric {
	display: block;
	font-weight: 600;
	color: #3d342b;
}

.ild-price-per-100g__note {
	display: block;
	margin-top: 0.15em;
	font-size: 0.8rem;
	font-weight: 400;
	font-style: italic;
	color: #6e655c;
	line-height: 1.3;
}

.ild-price-per-100g--summary {
	margin-top: 0.15em;
	margin-bottom: 0.75em;
}

.ild-price-per-100g[hidden],
.ild-price-per-100g-sc[hidden] {
	display: none !important;
}

.single_variation .ild-price-per-100g {
	margin-top: 0.15em;
}

.ild-dynamic-price {
	display: inline;
}

.woocommerce div.product form.cart .variations td.value {
	position: relative;
}

/* Level B — delivery cue beside Add to cart */
.ild-delivery-note {
	display: block;
	margin: 0.5em 0 0.75em;
	padding: 0;
	max-width: 28em;
	font-size: 0.875rem;
	line-height: 1.35;
	font-weight: 400;
	color: #5a5248;
}

.ild-delivery-note a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.ild-delivery-note a:hover,
.ild-delivery-note a:focus {
	color: #3d342b;
}

.woocommerce div.product form.cart .ild-delivery-note {
	margin-top: 0.65em;
}

/* Archive / Decaf Coffee cards — "from £X" */
.ild-from-price {
	display: inline;
	font-weight: 600;
	color: inherit;
}

.woocommerce ul.products li.product .price .ild-from-price,
.woocommerce-page ul.products li.product .price .ild-from-price {
	font-weight: 600;
}

/* Mobile cart/checkout: undo Customizer Additional CSS that hides ALL
   .single-content table under 1024px (meant for article TOC/tables; also
   blanked Woo cart line-items + Basket totals + checkout order review). */
@media (max-width: 1024px) {
	body.woocommerce-cart .single-content table,
	body.woocommerce-checkout .single-content table,
	body.woocommerce-page.woocommerce-cart .single-content table,
	body.woocommerce-page.woocommerce-checkout .single-content table,
	body.woocommerce-account .single-content table {
		display: table !important;
	}
}