/**
 * Front Office CSS — valeurs nutritionnelles, tableau compact (1.3.0).
 * Jetons du thème avec repli ; aucune valeur de :root.
 *
 * @author    allforweb
 * @copyright allforweb
 * @license   AFL-3.0
 */

.a4w-product-nutrition {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.a4w-product-nutrition__reference {
    margin: 0;
    color: var(--medium-gray, #666);
    font-size: var(--font-size-small, 0.875rem);
}

/* Deux colonnes remplies de haut en bas ; un groupe (ligne + « dont … ») ne se coupe pas. */
.a4w-product-nutrition__grid {
    columns: 2;
    column-gap: 32px;
    margin: 0;
}

.a4w-product-nutrition__group {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    break-inside: avoid;
}

.a4w-product-nutrition__label,
.a4w-product-nutrition__value {
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid var(--border-color-light, #eee);
}

.a4w-product-nutrition__label {
    min-width: 0;
    font-weight: 400;
}

.a4w-product-nutrition__label--sub {
    padding-left: 16px;
    color: var(--medium-gray, #666);
}

.a4w-product-nutrition__value {
    padding-left: 16px;
    font-weight: 600;
    white-space: nowrap;
    text-align: right;
}

@media (max-width: 575.98px) {
    .a4w-product-nutrition__grid {
        columns: 1;
    }
}