/* Kein Design, nur Verhalten und Aufbau. Farben und Schriften gestaltet das Stylesheet der Website. */

/* Mit anzeige="geschlossen" verschwindet die Statuszeile, solange geöffnet ist. */
[data-oeffnungszeiten-anzeige="geschlossen"].oeffnungszeiten-status--offen {
	display: none;
}

/* Der Hinweis, an wen man sich wenden kann, erscheint nur, solange geschlossen ist. */
.oeffnungszeiten-kontakt--offen,
.oeffnungszeiten-status--offen .oeffnungszeiten-status__kontakt {
	display: none;
}

/* Zustandstext in der zentralen Farbe (Backend, „Öffnungszeiten“). Ohne Angabe die Farbe aus Automatic.css,
   und wo es die nicht gibt, die normale Textfarbe. */
.oeffnungszeiten-status--offen [data-oeffnungszeiten-teil] {
	color: var(--oeffnungszeiten-farbe-offen, var(--success, currentColor));
}

.oeffnungszeiten-status--geschlossen [data-oeffnungszeiten-teil] {
	color: var(--oeffnungszeiten-farbe-geschlossen, var(--danger, currentColor));
}

/* Die Zeile des heutigen Tags. Der Wochentag zeigt, ob heute überhaupt geöffnet ist (unabhängig von der Uhrzeit),
   die Uhrzeiten zeigen den Zustand jetzt. */
.oeffnungszeiten--heute-auf .oeffnungszeiten__zeile--heute > .oeffnungszeiten__tage,
.oeffnungszeiten--offen .oeffnungszeiten__zeile--heute > .oeffnungszeiten__zeit {
	color: var(--oeffnungszeiten-farbe-offen, var(--success, currentColor));
}

.oeffnungszeiten--heute-zu .oeffnungszeiten__zeile--heute > .oeffnungszeiten__tage,
.oeffnungszeiten--geschlossen .oeffnungszeiten__zeile--heute > .oeffnungszeiten__zeit {
	color: var(--oeffnungszeiten-farbe-geschlossen, var(--danger, currentColor));
}

/* Wochentabelle. Die Abstände kommen aus den Eigenschaften der Komponente (Gruppe „Design“, als CSS-Variablen
   am äußeren Element); ohne sie gelten die Vorgaben hier. */
.oeffnungszeiten__woche {
	border-collapse: collapse;
}

.oeffnungszeiten__tage,
.oeffnungszeiten__zeit {
	padding: var(--oeffnungszeiten-zeilenabstand, 0.25em) 0;
	text-align: start;
	vertical-align: top;
}

.oeffnungszeiten__tage {
	padding-inline-end: var(--oeffnungszeiten-abstand, var(--space-m, 1.5rem));
	white-space: nowrap;
}