/* ============================================================
   print-css.css — feuille de style chargée automatiquement par
   le plugin WP-Print quand elle existe dans le dossier du thème
   actif (thème enfant Astra). Sans ce fichier, WP-Print affiche
   la recette avec son gabarit par défaut, sans aucune mise en
   forme (texte brut, grande police, pas de colonnes).

   À déposer à la racine du thème enfant, au même endroit que
   functions.php et style.css (PAS dans un sous-dossier).
   ============================================================ */

body {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 11pt;
  line-height: 1.25;
  color: #111;
  max-width: 100%;
  margin: 0;
  padding: 0 10pt;
}

p {
  margin: 0 0 5pt;
}

h1 {
  font-size: 19pt;
  line-height: 1.15;
  margin: 0 0 6pt;
}
h2 {
  font-size: 14pt;
  line-height: 1.2;
  margin: 10pt 0 3pt;
}
h3 {
  font-size: 12pt;
  line-height: 1.2;
  margin: 6pt 0 2pt;
}

/* ── Info bar (temps, portions, difficulté) : en ligne, compacte ── */
.info-bar,
.info-bar-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 4pt 22pt;
  margin: 3pt 0 10pt;
  padding: 0;
  border: none;
}
.info-cell {
  display: flex;
  align-items: baseline;
  gap: 4pt;
  padding: 0;
}
.info-val { font-weight: 700; font-size: 10.5pt; }
.info-lbl { font-size: 8.5pt; color: #555; text-transform: uppercase; letter-spacing: 0.04em; }
.info-stars { display: none; } /* décoratif, inutile sur papier */

/* ── Composants (ingrédients + préparation) ──
   Pas de break-inside: avoid sur le composant entier : un composant long
   (ex: beaucoup d'étapes) ne doit pas être repoussé en bloc sur la page
   suivante en laissant un grand vide. On évite seulement de couper au
   milieu du titre ou au milieu d'une étape individuelle. ── */
.composant {
  margin-bottom: 9pt;
  padding-bottom: 6pt;
  border-bottom: 0.5pt solid #ccc;
}
.composant:last-child {
  border-bottom: none;
}
.comp-header {
  display: flex;
  align-items: baseline;
  gap: 8pt;
  margin-bottom: 6pt;
  break-inside: avoid;
  break-after: avoid;
  page-break-inside: avoid;
  page-break-after: avoid;
}
.comp-num {
  font-size: 10pt;
  color: #888;
  font-weight: 700;
}
.comp-title {
  font-size: 13pt;
  font-weight: 700;
}

/* Mise en page 1 colonne, pleine largeur : ingrédients puis préparation */
.comp-body {
  display: block;
}
.comp-ingr {
  margin-bottom: 8pt;
  padding-bottom: 6pt;
  border-bottom: 0.5pt dotted #ccc;
}
.comp-steps {
  padding-left: 0;
}

.ingr-head,
.steps-head {
  display: block;
  font-size: 8pt;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 4pt;
}
/* Liste d'ingrédients en 1 seule colonne : les colonnes CSS (columns:2) se
   coupent très mal à l'impression dans Chrome, qui a tendance à pousser
   tout le bloc en entier sur la page suivante plutôt que de le fragmenter. */
.ingr-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ingr-list li {
  font-size: 10pt;
  line-height: 1.2;
  padding: 1pt 0 1pt 9pt;
  position: relative;
}
.ingr-list li::before {
  content: '–';
  position: absolute;
  left: 0;
}

.step {
  display: flex;
  gap: 6pt;
  margin-bottom: 3pt;
  align-items: baseline;
  break-inside: avoid;
  page-break-inside: avoid;
}
.step-n {
  font-size: 9pt;
  font-weight: 700;
  color: #666;
  flex-shrink: 0;
}
.step-txt {
  font-size: 10pt;
  line-height: 1.2;
}

/* ── Liens : pas de couleur ni de soulignement sur papier ── */
a {
  color: inherit;
  text-decoration: none;
}

/* ── Bloc d'en-tête généré par WP-Print lui-même (titre en double,
   "Publié par... Sur... In catégories... | commentaires") : redondant
   avec notre propre titre/hero dans le contenu, donc masqué. ── */
.entry-header {
  display: none;
}

/* ── Pied de page WP-Print : les 2 premiers paragraphes ("Publication
   imprimée sur..." et "URL de l'article...") sont masqués ; le lien
   "Cliquez ici pour imprimer" et la ligne de copyright sont conservés
   tels quels. ── */
.footer p:nth-child(1),
.footer p:nth-child(2) {
  display: none;
}

/* ── Reliquat de la lightbox (boutons prev/next vides, les images de
   la galerie ayant été retirées de l'impression) ── */
.lightbox {
  display: none;
}