/* ============================================================
   PRINT - when the user prints (or saves to PDF) a recipe card,
   show only the card, sized to fit an 8.5 x 11 letter sheet.
   ============================================================ */

/* The printable recipe card on screen mimics letter proportions */
.recipe-print {
  width: 100%;
  max-width: 680px;       /* ~ 8.5in feel on screen */
  margin: 0 auto;
  background: #fff;
  color: #000;
}
.recipe-print h1 { font-size: 1.5rem; }
.recipe-print .pc-meta { color: #444; font-size: 0.9rem; margin-bottom: 12px; }
.recipe-print .pc-cols { display: grid; grid-template-columns: 1fr 1.4fr; gap: 24px; }
.recipe-print h3 { border-bottom: 2px solid #2f6f4f; padding-bottom: 4px; }
.recipe-print ul, .recipe-print ol { padding-left: 18px; }
.recipe-print li { margin: 4px 0; }
.recipe-print .pc-footer { margin-top: 16px; font-size: 0.75rem; color: #777; border-top: 1px solid #ddd; padding-top: 8px; }

@media print {
  /* Hide everything except the recipe card being printed */
  body * { visibility: hidden; }
  #print-area, #print-area * { visibility: visible; }
  #print-area { position: absolute; left: 0; top: 0; width: 100%; padding: 0.5in; }
  .no-print { display: none !important; }
  @page { size: letter; margin: 0.5in; }
}