/*
 * This site's WPRM template applies !important margin/padding/list-style
 * resets per recipe (see repo memory notes), so our overrides need
 * !important too or they're silently ignored.
 */
.wprm-recipe-ingredients-container {
	background: #fff;
	border-radius: 12px;
	border: 1px solid #ebebeb;
	padding: 1.25em 1.5em;
}

.wprm-recipe-ingredient-group + .wprm-recipe-ingredient-group {
	margin-top: 1em;
}

.wprm-recipe-ingredient-group-name {
	color: var( --mre-accent-color, #5a822b );
}

.wprm-recipe-ingredients-container .wprm-recipe-ingredient {
	list-style: none !important;
	margin: 0 !important;
	padding: 0.6em 0 !important;
	border-bottom: 1px solid #ece3c3;
}

.wprm-recipe-ingredients-container .wprm-recipe-ingredient:last-child {
	border-bottom: none;
}

.wprm-recipe-ingredient-amount,
.wprm-recipe-ingredient-unit {
	font-weight: bold;
}

.wprm-recipe-ingredient-notes {
	color: #8a8a8a;
}

.wprm-recipe-ingredients-header.mre-collapsible-header {
	cursor: pointer;
	user-select: none;
}

.mre-collapse-toggle {
	display: inline-block;
	margin-left: 0.4em;
}

.mre-collapse-toggle::before {
	content: '▾';
}

.wprm-recipe-ingredients-container.mre-collapsed .mre-collapse-toggle::before {
	content: '▸';
}

.wprm-recipe-ingredients-container.mre-collapsed > *:not(.wprm-recipe-ingredients-header) {
	display: none !important;
}