/* ============================================================
   Print Styles — @media print
   ============================================================
   Colors in this file are intentionally hardcoded rather than
   using CSS custom property tokens. CSS custom properties that
   reference other custom properties (var(--color-*)) do not
   resolve reliably across all print engines, and print output
   requires absolute black/white/grey values regardless of the
   active theme. Do not replace these with token references.
   ============================================================ */
@media print {
  /* Hide everything except the recipe content */
  .site-header,
  .site-footer,
  .recipe-breadcrumb,
  .recipe-tags,
  .recipe-actions,
  .skip-link,
  .site-nav {
    display: none !important;
  }

  /* Full-width single-column layout */
  body {
    background: #fff;
    color: #000;
    font-size: 11pt;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.5;
  }

  main {
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  /* Hero image: constrain to page width, preserve aspect ratio */
  .recipe-hero {
    width: 100%;
    max-height: 14rem;
    object-fit: cover;
    border-radius: 0;
    margin-bottom: 1rem;
    page-break-after: avoid;
  }

  /* Recipe header */
  .recipe-header {
    padding-left: 0;
    border-left: 3px solid #C48A5A;  /* Butcher Block — rendered in print */
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    page-break-after: avoid;
  }

  .recipe-header h1 {
    font-family: 'Lora', Georgia, serif;
    font-size: 22pt;
    margin-bottom: 0.25rem;
  }

  .recipe-header__category,
  .recipe-header__date {
    font-size: 9pt;
    color: #555;
  }

  /* Metadata row */
  .recipe-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 2rem;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    background: #f8f8f8;
    page-break-after: avoid;
  }

  .recipe-meta__value {
    font-family: 'Lora', Georgia, serif;
    font-size: 12pt;
  }

  .recipe-meta__label {
    font-size: 7pt;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #666;
  }

  /* Recipe body — preserve formatting, use clean serif */
  .recipe-body {
    max-width: 100%;
    font-size: 11pt;
  }

  .recipe-body h2 {
    font-family: 'Lora', Georgia, serif;
    font-size: 14pt;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    page-break-after: avoid;
  }

  .recipe-body ul,
  .recipe-body ol {
    padding-left: 1.5rem;
  }

  .recipe-body li {
    margin-bottom: 0.25rem;
    line-height: 1.5;
  }

  /* Print URL as footer */
  main::after {
    content: "Recipe from " attr(data-print-url);
    display: block;
    margin-top: 2rem;
    padding-top: 0.5rem;
    border-top: 1px solid #ccc;
    font-size: 8pt;
    color: #666;
  }

  /* Avoid page breaks inside list items */
  li, p {
    page-break-inside: avoid;
  }

  a {
    color: inherit;
    text-decoration: none;
  }
}