/*
 * Onglet « Composition & infos pratiques » de la fiche produit.
 *
 * Libellé à gauche, valeur à droite sur grand écran ; empilés en mobile.
 * Couleurs : variables globales du kit Elementor (filets loirebd).
 */

.mo-composition__liste {
	margin: 0;
}

.mo-composition__ligne {
	display: grid;
	grid-template-columns: minmax(10rem, 14rem) 1fr;
	gap: 0.4rem 2rem;
	padding: 0.9rem 0;
	border-bottom: 1px solid var( --e-global-color-loirebd, #E1E1E1 );
}

.mo-composition__ligne:first-child {
	padding-top: 0;
}

.mo-composition__ligne:last-child {
	border-bottom: 0;
}

.mo-composition dt {
	font-weight: 700;
}

.mo-composition dd {
	margin: 0;
}

.mo-composition dd strong {
	font-weight: 700;
}

/* Tableau nutritionnel */
.mo-composition__nutrition {
	width: 100%;
	max-width: 28rem;
	margin: 0;
	border-collapse: collapse;
	font-size: 0.95em;
}

.mo-composition__nutrition caption {
	padding-bottom: 0.5rem;
	text-align: left;
	font-style: italic;
}

.mo-composition__nutrition th,
.mo-composition__nutrition td {
	padding: 0.35rem 0.6rem;
	text-align: left;
	font-weight: 400;
	border: 1px solid var( --e-global-color-loirebd, #E1E1E1 );
}

.mo-composition__nutrition thead th {
	font-weight: 700;
	background-color: var( --e-global-color-loirebg, #FAFAFA );
}

.mo-composition__nutrition td {
	text-align: right;
	white-space: nowrap;
}

.mo-composition__sous-ligne th {
	padding-left: 1.6rem;
}

@media ( max-width: 767px ) {

	.mo-composition__ligne {
		grid-template-columns: 1fr;
	}
}