/**
 * Conservation, utilisation et instructions de cuisson des pages produit
 * (partials/preparation-produit.blade.php et partials/instructions-cuisson.blade.php).
 *
 * Feuille de style autonome, chargée directement par wp_enqueue_style()
 * (voir app/setup.php) et NON compilée par Laravel Mix : le bloc ne doit pas
 * dépendre d'une reconstruction de dist/. Elle ne contient donc que du CSS
 * standard - pas de directive Tailwind (@apply, @screen...).
 */

/* --- Sous le texte d'introduction ---------------------------------------- */

/* Le texte d'introduction qui précède porte `font-bold` et une marge basse de
   2,5 rem. Cette liste s'y rattache : elle remonte dans cet espace pour former
   un bloc avec lui, et rétablit la graisse normale pour rester secondaire. */

.preparationProduit {
    margin: -1.5rem 0 2.5rem;
    padding: 0;
    list-style: none;
    font-weight: 400;
    line-height: 1.5;
}

.preparationProduit__ligne {
    margin: 0;
    padding: 0.15rem 0;
}

.preparationProduit__intitule {
    font-weight: 700;
}

/* --- Accordéon « Instructions de cuisson » -------------------------------- */

/* Le conteneur `.toggleLine` porte `font-bold` : comme pour la mention
   d'étiquette, la graisse du corps de texte est redéclarée ici plutôt
   qu'héritée. Seul l'intitulé du format reste gras.

   La marge verticale reprend celle des paragraphes des accordéons voisins,
   dont le contenu vient de l'éditeur : le texte se décolle du filet en haut
   comme en bas, et les deux formats se lisent comme deux blocs distincts. */

.instructionsCuisson__bloc {
    margin: 1.25rem 0;
    font-weight: 400;
    line-height: 1.5;
}

.instructionsCuisson__format {
    font-weight: 700;
}