/* Impression : version imprimable des recettes (media all) et impression de n'importe quelle page
   (media print, chargée par le layout principal). */

.print-page {
  max-width: 50rem;
  margin: 0 auto;
  padding: 1rem;
  color: #000;
  background: #fff;
  font:
    11pt / 1.5 Georgia,
    'Times New Roman',
    serif;
}

.print-page__tools {
  display: flex;
  justify-content: space-between;
  font-family: system-ui, sans-serif;
}

.recipe-print__site {
  font-weight: 700;
  font-size: 1.2rem;
}

.recipe-print h1 {
  font-size: 1.8rem;
  margin-block: 0.5rem 1rem;
}

.recipe-print h2 {
  font-size: 1.1rem;
  margin-block: 1rem 0.25rem;
}

.recipe-print__columns {
  display: grid;
  gap: 1.5rem;
}

/* Deux colonnes sur papier et sur grand écran ; une seule sur téléphone */
@media print, (min-width: 40rem) {
  .recipe-print__columns {
    grid-template-columns: minmax(0, 1fr) 14rem;
  }
}

.recipe-print img {
  max-width: 100%;
  height: auto;
}

.ingredients__section {
  list-style: none;
  font-weight: 700;
}

.recipe-print__source {
  margin-block-start: 1.5rem;
  text-align: center;
  font-size: 0.9rem;
}

@media print {
  .print-page__tools,
  .skip-link,
  .site-nav,
  .category-nav,
  .search-form,
  .sidebar,
  .breadcrumb,
  .form-placeholder,
  .recipe__actions,
  .site-footer {
    display: none !important;
  }

  body {
    color: #000;
    background: #fff;
  }

  a {
    color: inherit;
  }

  .layout {
    display: block;
  }

  img {
    break-inside: avoid;
  }
}

/* Infos pratiques (v2.1.0) */
.recipe-print__facts {
  margin: 0 0 0.4rem;
  padding-inline-start: 1.1rem;
}