/* Open/closed dot before today's hours (Location hours tag and Call dropdown, "Show dot").
 * Loaded only where the dot is switched on. The colours differ in lightness, not only in hue,
 * and the text always sits beside the dot. Colours can be set per tag or widget. */
.ndet-hours--dot {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
}
.ndet-hours--dot[hidden] {
	display: none;
}
.ndet-hours--dot::before {
	content: "";
	flex: none;
	width: 0.6em;
	height: 0.6em;
	border-radius: 50%;
	background: var(--ndet-dot-closed, #c0392b);
}
.ndet-hours--dot:not([data-ndet-state])::before {
	display: none;
}
.ndet-hours--dot[data-ndet-state="open"]::before {
	background: var(--ndet-dot-open, #2f8f46);
}
.ndet-hours--dot[data-ndet-state="closing"]::before {
	background: var(--ndet-dot-closing, #f2c230);
}
.ndet-hours--dot[data-ndet-state="later"]::before {
	background: var(--ndet-dot-later, #6fa3e0);
}