/**
 * [mmv_ingredienten] styles.
 *
 * Depends on mmv-voedingsadvies.css, which carries the circle scale and the
 * legend; that dependency is declared on the handle, not imported here.
 *
 * This one stays a real <table>: N ingredients × 3 assessments is a genuine
 * matrix with meaningful row and column headers, unlike the advice block.
 */

.mmv-ingredienten {
	width: 100%;
}

/* ── Table ──────────────────────────────────────────────────────────────────
 *
 * The three verdict columns shrink to their content so the ingredient name
 * keeps everything that is left, which is what makes the table survive a
 * narrow column without any breakpoint of its own.
 */

.mmv-ingredienten__tabel {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	table-layout: auto;
}

.mmv-ingredienten__tabel th,
.mmv-ingredienten__tabel td {
	padding: 0.45em 0.6em;
	text-align: left;
	vertical-align: middle;
}

.mmv-ingredienten__tabel thead th {
	font-size: 0.85em;
	font-weight: 600;
	line-height: 1.25;
}


/* Verdict columns: as narrow as a circle, centred, never wrapping. */
.mmv-ingredienten__tabel th + th,
.mmv-ingredienten__tabel td + td {
	width: 1%;
	padding-left: 0.35em;
	padding-right: 0.35em;
	text-align: center;
	white-space: nowrap;
}

.ingredients-list__specification--typediet abbr {
	text-decoration: none;
	cursor: help;
}

.ingredients-list__amount {
	white-space: nowrap;
}

.ingredients-list__ingredients{
	font-weight: bold;
}

.ingredients-list a{
	font-size: 1em;
	font-weight: unset;
	color: unset;
}


/* ── Explanation ──────────────────────────────────────────────────────────── */

.ingredients-list__explanation {
	margin-top: 1.5rem;
}

.ingredients-list__explanation--title {
	margin: 0 0 0.35em;
}

.ingredients-list__explanation--text {
	margin: 0 0 0.75em;
}

/* The old site set this inline; it is the MMV accent used for the K/R/P key. */
.ingredients-list__explanation--key {
	margin: 0 0 0.75em;
	color: #e94e1b;
}


.mmv-ingredienten__tabel thead th{
	font-weight: bold;
	color: var(--e-global-color-3bcdc97);
}


.mmv-ingredienten__tabel thead th.ingredients-list__specification--numberofpersons span{
	color: var(--base-color)
}

.mmv-ingredienten__tabel td, .mmv-ingredienten__tabel th{
	border: none;border-block-start: none !important;
	
}

.ingredients-list{
	--start-margin: 20px;
}
table.mmv-ingredienten__tabel tbody>tr:nth-child(2n+1)>td,
table.mmv-ingredienten__tabel tbody>tr:nth-child(2n+1)>th {
	background-color: #f9faec;
}

table.mmv-ingredienten__tabel tr td:first-child,
table.mmv-ingredienten__tabel tr th:first-child {
	padding-left: var(--start-margin);
}
table.mmv-ingredienten__tabel tr td:last-child,
table.mmv-ingredienten__tabel tr th:last-child {
	padding-right: var(--start-margin);
}

.ingredients-list__explanation{
	padding-left: var(--start-margin);
	padding-right: var(--start-margin);
}