@charset "UTF-8";

/* ----------------------------------------------------- Contact form */

* + .at-form-wrapper {
	padding-top: 3rem;
}
.at-form-wrapper {
	padding-bottom: 3rem;
}
.at-form-wrapper .status-load,
.at-form-wrapper .status-success,
.at-form-wrapper .status-error {
	display: none;
}
.at-form-wrapper .status-load svg {
	animation: rotate 1.5s linear infinite;
}

/* ----------------------------------------------------- Traffic light */

.traffic-light-container {
	width: auto;
	float: right;
	height: 30px;
	display: flex;
	align-items: center;
}
.single-product .traffic-light-container {
	margin-bottom: 20px;
}
.traffic-light-container > .item-col {
	margin: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    align-self: stretch;
	float: right;
}
.traffic-light-container p {
	margin: 0;
	color: #333333;
	text-align: right;
}

.gluts .traffic-light,
.traffic-light {
	width: 100%;
	max-width: 100%;
	display: flex;
}
.traffic-light-item {
	width: 0.8rem;
	height: 2rem;
	background-color: var(--color-grey);
}
.traffic-light-item + .traffic-light-item {
	margin-left: 0.5rem;
}
.low-qty .traffic-light-item:first-child {
	background-color: #ed5565;
}
.medium-qty .traffic-light-item:not(:last-child) {
	background-color: #fbc200;
}
.high-qty .traffic-light-item {
	background-color: rgb(43, 181, 182);
}

/* ----------------------------------------------------- Animations */

@keyframes rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}