/* Printing a recipe: only the recipe itself, black on white, ink-friendly.
   Loaded with media="print" from blog_detail.html. */
@page {
  margin: 1.6cm 1.6cm 1.8cm;
}

/* Everything around the recipe */
.texture-overlay, .side-texture-left, .side-texture-right,
.site-header, .top-bar, nav, .footer, #scrollToTop,
#cookieConsent, #cookieSettingsModal,
.sidebar-ad-rail, .sidebar-ad,
.affiliate-disclosure, .affiliate-products-gallery,
.recipe-share, .wake-lock-toggle, .post-tags,
.post-navigation, .related-posts {
  display: none !important;
}

html, body {
  background: #fff !important;
  color: #000 !important;
  font-size: 11pt;
  line-height: 1.45;
}

*, *::before, *::after {
  box-shadow: none !important;
  text-shadow: none !important;
  animation: none !important;
  transition: none !important;
}

/* Scroll animations may have left parts invisible */
.blog-post, .blog-post * {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.content, .blog-post, .recipe-card, .post-content, .cooking-steps, .ingredients-section {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  float: none !important;
  position: static !important;
}

body::before, body::after, .content::before, .content::after,
.blog-post::before, .blog-post::after, .recipe-card::before, .recipe-card::after,
.post-title::after, h1::after, h2::after, h3::after {
  display: none !important;
  content: none !important;
}

a, a:visited {
  color: #000 !important;
  text-decoration: none !important;
}

/* Title and meta */
.post-header { margin: 0 0 0.4cm !important; padding: 0 !important; background: none !important; }
.post-title {
  font-size: 22pt !important;
  line-height: 1.15 !important;
  margin: 0 0 0.15cm !important;
  color: #000 !important;
  background: none !important;
  -webkit-text-fill-color: #000 !important;
}
.post-meta { font-size: 9.5pt !important; color: #444 !important; }
.post-meta i { display: none !important; }
.post-meta span { margin-right: 0.6cm; }

.print-only { display: block !important; }
.print-source {
  margin: 0 0 0.45cm;
  font-size: 9pt;
  color: #555;
}

/* Photo: small, so the recipe fits on as few pages as possible */
.featured-image, .featured-image-wrapper {
  margin: 0 0 0.45cm !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  height: auto !important;
}
.featured-image img {
  display: block;
  width: 100% !important;
  max-height: 7cm !important;
  height: auto !important;
  object-fit: cover;
  border-radius: 0 !important;
}

.post-intro {
  margin: 0 0 0.45cm !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  font-style: italic;
  font-size: 10.5pt !important;
}

/* Time / servings / difficulty on one line */
.recipe-info {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.25cm 0.8cm !important;
  margin: 0 0 0.45cm !important;
  padding: 0.2cm 0 !important;
  border-top: 1px solid #999 !important;
  border-bottom: 1px solid #999 !important;
  background: none !important;
}
.info-item { padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; font-size: 10pt !important; }
.info-item i { display: none !important; }

h3 {
  font-size: 13pt !important;
  margin: 0.35cm 0 0.2cm !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #000 !important;
  break-after: avoid;
  page-break-after: avoid;
}
h3 i { display: none !important; }

/* Ingredients in two columns */
.ingredients-list {
  display: block !important;
  columns: 2;
  column-gap: 1cm;
  margin: 0 0 0.4cm !important;
  padding: 0 !important;
  list-style: none !important;
}
.ingredient-item {
  display: block !important;
  break-inside: avoid;
  page-break-inside: avoid;
  margin: 0 0 0.12cm !important;
  padding: 0 0 0 0.45cm !important;
  border: 0 !important;
  background: none !important;
  position: relative !important;
  font-size: 10.5pt !important;
}
.ingredient-item::before {
  content: "\2610" !important; /* empty check box to tick off */
  display: inline !important;
  position: absolute;
  left: 0;
  top: 0;
  color: #000 !important;
  background: none !important;
  width: auto !important;
  height: auto !important;
}
.ingredient-item > span {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  flex: none !important;
}
.ingredient-notes { margin-left: 0.1cm !important; }
.ingredient-amount { font-weight: 700; margin-right: 0.15cm; color: #000 !important; background: none !important; }
.ingredient-notes { color: #444 !important; }

/* Instructions */
.steps-content, .post-content { font-size: 10.5pt !important; }
.steps-content li, .post-content li { margin-bottom: 0.15cm; break-inside: avoid; page-break-inside: avoid; }
.steps-content p, .post-content p { orphans: 3; widows: 3; }
.steps-content img, .post-content img {
  max-width: 60% !important;
  max-height: 6cm !important;
  height: auto !important;
  break-inside: avoid;
}

/* Steps: a plain numbered list instead of the on-screen cards */
.steps-content ol, .post-content ol {
  display: block !important;
  list-style: decimal outside !important;
  margin: 0 0 0.3cm !important;
  padding: 0 0 0 0.6cm !important;
  counter-reset: none !important;
}
.steps-content ul, .post-content ul {
  display: block !important;
  list-style: disc outside !important;
  margin: 0 0 0.3cm !important;
  padding: 0 0 0 0.6cm !important;
}
.steps-content li, .post-content li {
  display: list-item !important;
  min-height: 0 !important;
  margin: 0 0 0.15cm !important;
  padding: 0 0 0 0.1cm !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  position: static !important;
}
.steps-content li::before, .post-content li::before,
.steps-content li::after, .post-content li::after {
  display: none !important;
  content: none !important;
}
.steps-content p, .post-content p { margin: 0 0 0.2cm !important; }
.steps-content blockquote, .post-content blockquote {
  margin: 0.2cm 0 !important;
  padding: 0 0 0 0.4cm !important;
  border-left: 2px solid #999 !important;
  background: none !important;
}
.steps-content blockquote::before, .steps-content blockquote::after,
.post-content blockquote::before, .post-content blockquote::after {
  display: none !important;
  content: none !important;
}
.post-content h2, .steps-content h2 { color: #000 !important; font-size: 13pt !important; }