/* Rezepte-Druckversion (/rezepte/<id>/print/) - eigenständige, schlanke
   Kochkarten-Seite für den Ausdruck. Ergänzt parchment.css (Tokens/Typo)
   und recipe-page.css (table.rz-zutaten, .rz-sub, .rz-attribution) um das
   Seiten-Layout dieser Seite + die Print-Optimierung. Bewusst kein eigener
   Rezept-Inhalt hier definiert - siehe scripts/build_recipes_html.rb#
   render_recipe_print_page für Struktur/Klassen. */

.rz-print-page-content {
  max-width: 720px;
  margin: 0 auto;
  padding: 24px 16px 60px;
}

.rz-print-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  max-width: 720px;
  margin: 16px auto 0;
  padding: 0 16px;
}

/* Icons in den roten Wachssiegel-Buttons brauchen Weiß statt der
   sepiafarbenen Standard-Zeichnung (sonst kein Kontrast auf --seal). */
.rz-print-toolbar .parchment-btn-seal img.ui-icon {
  filter: brightness(0) invert(1);
}

/* Buch-Zitat oben auf der Seite (Provenienz zuerst) - keine eigene Box,
   nur zwei knapp über dem Titel zentrierte Textzeilen, getrennt von der
   vollständigen Rechte-Zuordnung im Footer (.rz-attribution, aus
   recipe-page.css via attribution_footer). */
.rz-print-book {
  text-align: left;
  margin: 0 0 6px;
}
.rz-print-book-title {
  margin: 0;
  font-family: var(--serif-display);
  font-weight: 600;
  color: var(--ink-2);
}
.rz-print-book-original {
  font-style: italic;
  font-weight: 400;
  color: var(--ink-soft);
}
.rz-print-book-meta {
  margin: 0;
  font-size: 0.85rem;
  color: var(--ink-fade);
}

/* Fyndling-Logo oben mittig - nur im Ausdruck sichtbar (auf dem Bildschirm
   übernimmt die Toolbar diese Rolle). Bewusst ein normales Element im
   Content-Fluss statt position:fixed: Fixed-Elemente werden in der Praxis
   über Browser-Druck-Engines hinweg nicht zuverlässig auf jeder Seite
   wiederholt (getestet: landete als vermeintlicher "Footer" statt oben zu
   stehen) - daher erscheint das Logo nur auf Seite 1, dafür garantiert an
   der richtigen Stelle. Die meisten Rezepte passen ohnehin auf eine Seite. */
.rz-print-logo { display: none; }

.rz-print-section { margin: 0 0 20px; }

.rz-print-backlink {
  font-size: 0.9rem;
  color: var(--ink-soft);
  margin: 30px 0 0;
}

/* attribution_footer() liefert ein nacktes <footer><dl class="rz-attribution">
   - recipe-page.css stylt nur dt/dd (unscoped), die Rahmen/Abstand-Regel
   dort ist an .rz-wrap gebunden, das diese Seite nicht verwendet. */
.rz-print-page-content footer {
  color: var(--ink-fade);
  font-size: 0.85rem;
  margin-top: 16px;
  border-top: 1px solid var(--rule);
  padding-top: 12px;
}

.rz-print-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin: 24px 0 0;
}
/* Quiet Zone + fester Schwarz/Weiß-Kontrast unabhängig vom Pergament-
   Hintergrund - Scan-Zuverlässigkeit geht vor Theme-Konsistenz. */
.rz-print-qr svg {
  width: 120px;
  height: 120px;
  background: #fff;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid var(--rule);
}
.rz-print-qr-caption {
  font-size: 0.8rem;
  color: var(--ink-fade);
  margin: 0;
}

/* Größere Seitenränder für den Ausdruck (Standard-Browser-Ränder sind zu
   knapp) - einheitlich, da das Logo kein fixed-Element mehr ist und keinen
   eigens reservierten oberen Rand mehr braucht. */
@page {
  margin: 2cm;
}

@media print {
  .rz-print-toolbar { display: none; }
  .rz-print-page-content { max-width: 100%; padding: 0; }
  .rz-print-book,
  table.rz-zutaten,
  .rz-print-section {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .rz-print-qr svg { width: 90px; height: 90px; }
  a[href]::after { content: none; } /* keine Browser-Standard-URL-Suffixe */

  .rz-print-logo {
    display: block;
    margin: 0 auto 14px;
    width: 2.7cm;
    height: auto;
  }

  /* Links im Druck wie normaler Fließtext: keine Siegel-Farbe, keine
     Unterstreichung/gepunktete Linie, keine Icons - bei S/W-Ausdrucken
     schlecht lesbar bzw. unnötig. Überschreibt parchment.css/recipe-page.css
     (!important nötig, da die dortigen Zutaten-Tabellen-Regeln teils
     höhere/gleiche Spezifität haben). */
  a,
  table.rz-zutaten td a {
    color: inherit !important;
    text-decoration: none !important;
    border-bottom: none !important;
  }
  table.rz-zutaten td a[target="_blank"]::after,
  a.rz-ext-link,
  a img.ui-icon,
  a .ui-icon-ext {
    display: none !important;
  }
}