/* ==========================================================================
   print.css — printer-friendly layout for recipe cards, checklists, etc.
   ========================================================================== */

@media print {
  :root {
    --bg: #ffffff;
    --bg-2: #ffffff;
    --paper: #ffffff;
    --ink: #000000;
    --ink-2: #000000;
    --muted: #333333;
    --border: #999999;
    --border-strong: #666666;
  }

  body {
    background: #ffffff !important;
  }

  body::before {
    display: none !important;
  }

  .site-header,
  .site-footer,
  .header-ornament,
  .header-toys,
  .global-nav,
  .breadcrumbs,
  .sidebar,
  .toy-btn,
  audio {
    display: none !important;
  }

  .shell {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .main > * + * {
    margin-top: 12pt !important;
  }

  .panel,
  .card,
  .note-card,
  .callout,
  .entry {
    box-shadow: none !important;
    background: #ffffff !important;
    border: 1px solid #666666 !important;
  }

  .panel-h {
    background: #ffffff !important;
    border-bottom: 1px dashed #999999 !important;
  }

  a {
    color: #000000 !important;
    text-decoration: underline !important;
  }

  /* Print URLs after links for utility */
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 10pt;
  }

  /* Don’t print huge image blocks unless needed */
  img {
    max-height: 3.5in;
    object-fit: contain;
  }

  .check input {
    appearance: none;
    border: 1px solid #000;
    width: 12pt;
    height: 12pt;
  }

  .btn {
    display: none !important;
  }
}