.ube-business-hours {
	--ube-bh-border-color: var(--e-global-color-border);

	&:not(.ube-business-hours-layout-04) {
		span.ube-business-time, span.ube-business-day {
			@include flex(1 1 auto);
		}
	}
}

.ube-business-day, .ube-business-time {
	font-weight: 600;
}

.ube-business-hours-hight-ligh {
	.ube-business-day, .ube-business-time {
		color: var(--e-global-color-accent);
	}
}

.ube-business-hours-item {
	padding: 0.5em 0;
	margin: 0;
	@include d-flex();
}

.ube-business-hours-inner {
	list-style: none;
	margin: 0;
	padding: 0;
}

span.ube-business-time {
	text-align: right;
}

.ube-business-hours-layout-01 {
	.ube-business-hours-item {
		padding: 0.375rem 0;
	}
}

.ube-business-hours-layout-02, .ube-business-hours-layout-03 {
	.ube-business-hours-item:not(:last-child) {
		border-bottom: 1px solid var(--ube-bh-border-color);
	}
}

.ube-business-hours-layout-02 {
	.ube-business-hours-item {
		position: relative;

		&:not(:last-child) {
			border-bottom: 1px solid var(--ube-bh-border-color);
		}
	}
}

@media screen and (min-width: 768px) {
	.ube-business-hours-layout-02 .ube-business-hours-item:before {
		border: 1px dashed var(--ube-bh-border-color);
		content: "";
		height: 50%;
		left: 50%;
		position: absolute;
		top: 50%;
		@include transform(translateX(-50%) translateY(-50%));
		width: 2px;
	}
}

.ube-business-hours-layout-04 {

	span.ube-business-time, span.ube-business-day {
		@include flex(0 1 auto);
		line-height: 1;
	}

	.ube-business-divider {
		@include flex(1 1 auto);
		position: relative;

		&:before {
			width: 100%;
			border-bottom: 1px dashed var(--ube-bh-border-color);
			position: absolute;
			content: '';
		}

		margin-left: 0.5em;
		margin-right: 0.5em;
	}
}

.ube-business-hours-divider-position-center .ube-business-divider:before {
	top: 50%;
}

.ube-business-hours-divider-position-top .ube-business-divider:before {
	top: 0;
}

.ube-business-hours-divider-position-bottom .ube-business-divider:before {
	bottom: 0;
}