.day-div{
	display: inline-block;
	border: 1px solid #ccc;
}
.availability .availability-trafficlight {
	display: flex;
	position: relative;
	align-items: center;
	gap: 12px;
}
.availability-trafficlight {
	span {
		display: none;
	}
}
.aos-availability {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 12px 0;
	position: relative;

	.availability-trafficlight:before {
		width: 10px;
		height: 10px;
		background-color: #fff;
		display: block;
		content: " ";
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 17px;
	}

	&.green {
		.availability-trafficlight:before {
			background-color: #04B223;
		}
	}
	&.red {
		.availability-trafficlight:before {
			background-color: #d60f16;
		}
	}
	&.yellow {
		.availability-trafficlight:before {
			background-color: #fc8800;
		}
	}

	.availability-title{
		font-size: 0.875rem;
		line-height: 1.33;
		color: #444443;
		margin: 0 0.5rem;
	}

	.availability-message {
		width: 100%;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.33;
		color: #444443;
		margin: 0.5rem 0 0;
	}
}
/** Category page + cart page */
.catalog-category-view,
.checkout-cart-index {
	.availability {
		flex-wrap: wrap;

		.availability-message {
			width: 100%;
			margin-top: 0;
		}
	}
}
/** Product page + minicart */
.catalog-product-view,
#cart-drawer {
	#aos-availability {
		display: flex;
		flex-direction: column;
		align-items: flex-start;

		.availability-trafficlight {
			&:before {
				top: 7px;
			}
			.availability-title {
				padding-left: 8px;
				font-size: 16px;
			}
		}
		.availability-message {
			margin-top: 12px;
			margin-bottom: 12px;
		}
	}
}

.catalog-product-view {
	#aos-availability {
		padding-top: 0;
		padding-bottom: 0;
	}
}

.modal, 
.datepicker-popup, 
.datepicker-popup {
    /* Hidden by default */
    display: none;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

#calendar {
	.vanilla-calendar-header {
		border-bottom: 1px solid #eaeaea;
		padding: 12px 0;
	}	
	.vanilla-calendar-wrapper {
		padding-top: 12px;
	}
	.vanilla-calendar-week {
		margin-bottom: 12px;

		.vanilla-calendar-week__day {
			color: #666666;
			font-size: 14px;
		}
	}
	.vanilla-calendar-day {
		.vanilla-calendar-day__btn {
			font-size: 14px;
		}
	}
}