/* ITX Menüplan – Front-End-Ausgabe.
   Bewusst zurückhaltend gehalten, damit das Modul Schrift und Farben des Themes erbt. */

.itx-menuplan {
	--itx-mp-border: rgba(0, 0, 0, 0.12);
	--itx-mp-muted: rgba(0, 0, 0, 0.6);
	margin: 0 0 2rem;
}

.itx-menuplan__title {
	margin: 0 0 1.25rem;
}

.itx-menuplan__day {
	margin: 0 0 2rem;
	padding: 0 0 1.5rem;
	border-bottom: 1px solid var(--itx-mp-border);
}

.itx-menuplan__day:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.itx-menuplan__date {
	margin: 0 0 1rem;
}

.itx-menuplan__menus {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}

.itx-menuplan__menu {
	min-width: 0;
}

.itx-menuplan__label {
	margin: 0 0 0.4rem;
	font-size: 1rem;
	line-height: 1.3;
}

.itx-menuplan__text {
	white-space: pre-line; /* Zeilenumbrüche und *** aus dem Textfeld werden 1:1 übernommen. */
	line-height: 1.5;
}

.itx-menuplan__empty {
	color: var(--itx-mp-muted);
	font-style: italic;
}

/* Responsiv: auf schmalen Screens untereinander statt drei Spalten. */
@media (max-width: 782px) {
	.itx-menuplan__menus {
		grid-template-columns: 1fr;
	}
}