/* Tageskontext-Leiste (siehe tagesleiste.js) - eigenständig statt von .bl-terminbuchung
   abhängig, weil sie in mehreren, sehr unterschiedlichen Kontexten eingebettet wird
   (öffentliches Formular, wp-admin-Meta-Box, App, Self-Service-Seite). */

.bl-tagesleiste {
	position: relative;
	height: 14px;
	border-radius: 7px;
	/* Bewusst kein reiner Hintergrund-Fülleffekt: die Leiste sitzt fast immer in einer
	   Karte, deren Hintergrund GENAU die "surface"-Farbe ist - ein "surface"-Hintergrund
	   hier wäre dann optisch unsichtbar (per Sichtprüfung entdeckt, sah auf dem Handy
	   "gleich wie vorher" aus, weil die Leiste faktisch nicht zu sehen war). Ein
	   Rahmen bleibt sichtbar, unabhängig davon, was die Karte selbst als Hintergrund hat. */
	border: 1.5px solid var(--wp--preset--color--secondary, #999);
	overflow: hidden;
	margin-top: 0.5rem;
}

.bl-tagesleiste-belegt {
	position: absolute;
	top: 0;
	bottom: 0;
	background: var(--wp--preset--color--secondary, #999);
}

.bl-tagesleiste-beschriftung {
	display: flex;
	justify-content: space-between;
	font-size: 0.75rem;
	color: var(--wp--preset--color--secondary, #999);
	margin-top: 0.25rem;
}