/**
 * Front Office CSS — conseils du produit, affichage compact (1.2.2).
 * Même démarche que a4w_productingredients et a4w_productnutrition dans l'accordéon de la fiche
 * produit : bloc sans titre répété, intitulés en libellé gras de la police du texte, lignes séparées
 * par un filet fin, rythme 8 / 16. Jetons du thème avec repli ; aucune valeur de :root.
 *
 * @author    allforweb
 * @copyright allforweb
 * @license   Commercial
 */

.a4w-product-conseil {
    /* Respiration avant le filet qui ferme la ligne d'accordéon : 16 + 8 de la dernière ligne
       = 24, comme les ingrédients. */
    padding-bottom: 16px;
}

.a4w-conseil-list {
    margin: 0;
}

/* Une ligne par conseil : intitulé à gauche, texte à droite (empilés sur mobile). */
.a4w-conseil-row {
    display: grid;
    grid-template-columns: minmax(96px, 12rem) minmax(0, 1fr);
    gap: 8px 16px;
    padding: 8px 0;
    border-bottom: 1px solid var(--border-color-light, #eee);
}

.a4w-conseil-row:first-child {
    padding-top: 0;
}

/* Pas de filet sous la dernière ligne : celui de l'accordéon ferme le bloc. */
.a4w-conseil-row:last-child {
    border-bottom: 0;
}

.a4w-conseil-row--text-only {
    grid-template-columns: minmax(0, 1fr);
}

.a4w-conseil-title {
    min-width: 0;
    margin: 0;
    font-weight: 600;
    /* Même interlignage que le texte : intitulé et première ligne sur la même ligne de base. */
    line-height: 1.7;
}

.a4w-conseil-text {
    min-width: 0;
    max-width: 70ch;
    margin: 0;
    line-height: 1.7;
}

.a4w-conseil-text > :last-child {
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .a4w-conseil-row {
        grid-template-columns: minmax(0, 1fr);
    }
}