/* Combideal in mini-cart en winkelwagen (includes/cart.php): ingetogen — hoofdproduct en
   accessoires vormen één blok zonder scheidingslijnen ertussen, accessoires iets ingesprongen
   met een kleinere foto, en een klein chipje naast prijs/naam. Alles op thema-tokens. */

/* ── Chip + prijs zonder combideal + vast aantal ── */
.wcp-combi-chip {
	display: inline-block;
	padding: 0.05rem 0.45rem;
	border-radius: 999px;
	background: var(--wcp-color-light);
	color: var(--wcp-color-primary);
	font-size: 0.6875rem;
	font-weight: var(--wcp-font-weight-semibold, 600);
	line-height: 1.5;
	white-space: nowrap;
	vertical-align: middle;
}
.wcp-combi-was {
	color: var(--wcp-color-muted);
	font-weight: var(--wcp-font-weight-normal, 400);
	font-size: 0.85em;
	margin-right: 0.25rem;
}
/* Vast aantal: vergrendelde variant van de aantal-stepper (zelfde maat en rand als de .quantity uit
   WooCommerce Plus), met het getal en een slotje. */
.wcp-combi-qty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;
	min-width: 8.6rem;
	height: 2.625rem;
	border: 1px solid var(--wcp-color-border);
	border-radius: var(--wcp-radius);
	background: var(--wcp-color-surface);
	color: var(--wcp-color-muted);
	cursor: help;
}
.wcp-combi-qty::after {
	content: '';
	width: 0.7rem;
	height: 0.7rem;
	background-color: currentColor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ── Mini-cart: de groep als boompje komt uit WooCommerce Plus (mini-cart.css, klassen
   wcp-cart-group-parent/-child). ── */

/* ── Winkelwagenpagina: de groep als boompje komt uit WooCommerce Plus (cart.css, klassen
   wcp-cart-group-parent/-child, gezet in includes/cart.php). ── */