/* Alternatief product in de WC+-basisstijl: witte kaart met foto, korte aanleiding, naam en prijs, en "Bekijk ›". */
.alternative-product {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	margin: 1rem 0 0;
	padding: 0.75rem 1rem 0.75rem 0.75rem;
	border: var(--wcp-border-width) solid var(--wcp-color-border);
	border-radius: var(--wcp-radius);
	background-color: var(--wcp-color-surface);
	color: var(--wcp-color-text);
	text-decoration: none;
	transition: border-color 0.15s ease;
}
.alternative-product:hover { border-color: var(--wcp-color-primary); }
.alternative-product__thumb { flex: none; width: 3.5rem; height: 3.5rem; overflow: hidden; border-radius: calc(var(--wcp-radius) * 0.8); background: var(--wcp-color-light); }
.alternative-product__thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.alternative-product__text { display: flex; flex-direction: column; gap: 0.1rem; flex: 1 1 auto; min-width: 0; }
.alternative-product__intro { font-size: 0.8125rem; font-weight: var(--wcp-font-weight-semibold, 600); color: var(--wcp-color-success); }
.alternative-product__name { font-size: 0.9375rem; color: var(--wcp-color-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.alternative-product__price { font-size: var(--wcp-font-size-sm); color: var(--wcp-color-dark); }
.alternative-product__price del { color: var(--wcp-color-muted); }
.alternative-product__price ins { text-decoration: none; }
.alternative-product__more { flex: none; display: inline-flex; align-items: center; gap: 0.3rem; font-size: var(--wcp-font-size-sm); font-weight: var(--wcp-font-weight-semibold, 600); color: var(--wcp-color-primary); }
.alternative-product__more::after { content: ''; width: 0.4em; height: 0.4em; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); }
/* Oude tekstregel (filter wcp_alternative_product_text) */
.alternative-product--text { gap: 0.4rem; padding: 0.75rem 1rem; background: var(--wcp-color-light); border: 0; }
.alternative-product__price br,
.alternative-product__price .piece-price { display: none; }
.alternative-product__price del { margin-right: 0.3rem; }