/* Discus JDL – Liste des variations */

/* Les menus déroulants restent dans la page (WooCommerce en a besoin) mais sont cachés. */
.djl-variations ~ table.variations,
.djl-avec-liste table.variations {
	display: none !important;
}

.djl-variations {
	border: 0;
	margin: 0 0 1.2em;
	padding: 0;
}
.djl-variations legend {
	font-weight: 600;
	margin-bottom: .5em;
}

/* Une ligne par variation : grande zone cliquable, confortable sur téléphone. */
.djl-variation {
	display: flex;
	align-items: center;
	gap: .7em;
	padding: .7em .9em;
	margin: 0 0 .45em;
	border: 1px solid rgba(128, 128, 128, .45);
	border-radius: 6px;
	cursor: pointer;
	transition: border-color .15s, background-color .15s;
}
.djl-variation:hover {
	border-color: currentColor;
}
.djl-variation input {
	margin: 0;
	flex: 0 0 auto;
}
.djl-variation__nom {
	flex: 1 1 auto;
}
.djl-variation__prix {
	flex: 0 0 auto;
	font-weight: 600;
	white-space: nowrap;
}
/* Ligne choisie : bordure plus marquée. */
.djl-variation:has(input:checked) {
	border-color: currentColor;
	border-width: 2px;
	padding: calc(.7em - 1px) calc(.9em - 1px);
	background-color: rgba(128, 128, 128, .08);
}

/* Quantité restante, sous le nom, plus discrète. */
.djl-variation__stock {
	display: block;
	font-size: .85em;
	opacity: .75;
}