/*
 * Printweergave van een recept (onderdeel 22 van de briefing).
 * Op papier blijft staan wat je in de keuken nodig hebt: merknaam, titel,
 * tijden, porties, geschaalde ingrediënten, stappen en de URL.
 */

@page {
  margin: 16mm 14mm;
}

body {
  background: #fff !important;
  color: #000 !important;
  font-size: 11pt;
}

.site-header,
.site-footer,
.mobiel-menu,
.uitklap,
.zoekpaneel,
.timerbalk,
.kookstand,
.recept__acties,
.ingredienten__acties,
.kookstand-knop,
.bewaarknop,
.reacties,
.kaartgrid,
.sectie-kop .tekstlink,
.beeld,
.skiplink,
.kruimelpad {
  display: none !important;
}

main,
.container {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.recept__opening,
.receptblok__inhoud {
  display: block !important;
}

.recept::before {
  content: "Foody Magazine";
  display: block;
  margin-bottom: 6pt;
  font-family: Georgia, serif;
  font-size: 10pt;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

h1 {
  font-size: 22pt !important;
  line-height: 1.15 !important;
}

.recept__kop .intro,
.recept__herkomst {
  font-size: 10pt !important;
}

.receptblok {
  margin-top: 10pt !important;
  padding: 0 !important;
  border-top: 1pt solid #000;
}

.receptblok__kop h2 {
  font-size: 14pt !important;
}

.receptblok__tijden {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10pt 18pt;
  border: 0 !important;
  padding-bottom: 8pt !important;
}

.receptblok__tijden dd {
  font-size: 11pt !important;
}

.portieregelaar {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  margin-bottom: 8pt !important;
  font-weight: 600;
}

/* De knoppen verdwijnen, het gekozen aantal porties blijft op papier staan. */
.portieregelaar__knoppen button {
  display: none !important;
}

.portieregelaar__getal {
  font-family: Georgia, serif;
  font-size: 12pt;
}

.ingredienten li,
.stap,
.noten li {
  break-inside: avoid;
  page-break-inside: avoid;
}

.ingredienten__vink,
.stap__vink {
  display: none !important;
}

.ingredienten li {
  grid-template-columns: 1fr !important;
  border-bottom: 0.5pt solid #ccc;
}

.stap {
  border-bottom: 0 !important;
  padding-bottom: 4pt !important;
}

.timerknop {
  display: none !important;
}

.recept::after {
  content: "Recept: " attr(data-print-url);
  display: block;
  margin-top: 12pt;
  padding-top: 6pt;
  border-top: 0.5pt solid #000;
  font-size: 9pt;
}

/* Reacties en het formulier horen niet op papier; de voedingswaarden wel. */
.reacties { display: none !important; }

/* Weekmenu: alleen de gekozen route, zonder knoppen. */
.weekmenu__routes,
.weekmenu__acties,
.weekmenu-buren,
.weekmenu-band__voet {
  display: none !important;
}

.weekmenu__paneel[hidden] {
  display: none !important;
}

.receptrij .bewaarknop {
  display: none !important;
}