/* PEAS Kits - configurateur client */

.peas-kit-config {
	margin: 0 0 1.5em;
}

.peas-kit-config__title {
	font-size: 1.1em;
	margin: 0 0 .75em;
}

.peas-kit-form .peas-kit-item {
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 6px;
	padding: .9em 1em;
	margin: 0 0 .75em;
}

.peas-kit-item__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .5em;
}

.peas-kit-item__qty {
	font-weight: 700;
	opacity: .7;
}

.peas-kit-item__label {
	font-weight: 700;
}

.peas-kit-item__desc {
	flex: 1 1 100%;
	font-size: .9em;
	opacity: .7;
}

.peas-kit-item__choices {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	margin-top: .75em;
}

.peas-kit-choice {
	flex: 1 1 180px;
	min-width: 160px;
}

.peas-kit-choice--upgrade {
	flex: 1 1 100%;
}

.peas-kit-choice__label {
	display: block;
	font-size: .9em;
	font-weight: 600;
	margin-bottom: .35em;
}

.peas-kit-choice select {
	width: 100%;
	max-width: 100%;
}

.peas-kit-select--error {
	border-color: #b32d2e;
}

.peas-kit-upgrades {
	display: flex;
	flex-wrap: wrap;
	gap: .5em;
}

label.peas-kit-upgrade {
	display: flex;
	align-items: center;
	gap: .5em;
	flex: 1 1 220px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 6px;
	padding: .55em .75em;
	margin: 0;
	cursor: pointer;
}

label.peas-kit-upgrade.is-selected {
	border-color: currentColor;
	box-shadow: inset 0 0 0 1px currentColor;
}

.peas-kit-upgrade__label {
	flex: 1 1 auto;
}

.peas-kit-upgrade__price {
	font-weight: 700;
	white-space: nowrap;
}

.peas-kit-summary {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .5em;
	margin: 0 0 1.25em;
	padding: .75em 1em;
	border-radius: 6px;
	background: rgba(0, 0, 0, .04);
}

.peas-kit-summary__price {
	font-size: 1.35em;
	font-weight: 700;
}

.peas-kit-summary__suffix {
	opacity: .7;
}

.peas-kit-buy {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .75em;
}

@media (max-width: 480px) {
	.peas-kit-choice {
		flex: 1 1 100%;
	}
}

/* Variations de l'article retenu */

.peas-kit-variations {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	flex: 1 1 100%;
}

/* Éléments optionnels */

.peas-kit-item--optional .peas-kit-item__head {
	align-items: center;
}

.peas-kit-item__toggle-label {
	display: inline-flex;
	gap: .4em;
	margin: 0;
	cursor: pointer;
}

.peas-kit-item__option-price {
	font-size: .9em;
	opacity: .75;
	white-space: nowrap;
}

.peas-kit-item.is-excluded {
	opacity: .6;
}

.peas-kit-item.is-excluded .peas-kit-item__label {
	text-decoration: line-through;
}