/* Block */

/* Elements */

.orderable-open-hours__service {
	margin: 0 0 0 6px;
	padding: 2px 6px;
	background: #000;
	color: #fff;
	border-radius: 4px;
	display: inline-block;
	font-size: 80%;

	&--closed {
		background-color: $c-error;
		display: none;
	}
}

.orderable-open-hours__date {

	@extend .orderable-open-hours__service;
	margin: 0 4px 0 0;
	text-align: center;
	min-width: 30px;
	border: 1px solid $c-border;
	background: none;
	color: inherit;
}