/* Basket bulk order */

.basket-bulk {
	padding: 2rem 0;
}

.basket-bulk .headline {
	font-weight: 600;
	align-items: center;
	padding: 1rem;
}

.basket-bulk .bulk-main .row {
	align-items: center;
}

.basket-bulk .bulk-content .details:not(.prototype) {
	display: flex;
}

.basket-bulk .bulk-content .details {
	border: 1px solid var(--ai-secondary);
	border-radius: var(--ai-radius);
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
	align-items: center;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.basket-bulk .bulk-content .details:hover {
	transition: background-color .15s ease-in-out;
	background-color: var(--ai-secondary-light);
}

.basket-bulk .value {
	border-radius: var(--ai-radius);
	margin: 0.5rem 0;
	padding: 0.5rem;
	width: 100%;
}

.basket-bulk .quantity {
	text-align: center;
}

.basket-bulk .quantity .value {
	text-align: center;
	padding: 0.5rem;
	width: 4rem;
}

.basket-bulk .price {
	text-align: end;
}

.basket-bulk .buttons {
	text-align: center;
}

.basket-bulk .minibutton {
	background-color: transparent;
}

/* JS autocomplete */

.autocomplete {
	z-index: 1050;
	overflow: auto;
	box-sizing: border-box;
	border: 1px solid var(--ai-secondary-dark);
	background-color: var(--ai-bg);
}

.autocomplete > div {
	padding: 0.25rem;
}

.autocomplete .group {
	background-color: var(--ai-tertiary-light);
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
	cursor: pointer;
	background-color: var(--ai-secondary-light);
}