/* ==========================================================================
   print.css — the receipt and the menu, on paper.
   A restaurant prints things. This is a real surface, not an afterthought.
   ========================================================================== */

@page {
  margin: 14mm;
}

body {
  background: var(--paper);
  color: var(--ink);
  font-size: 10.5pt;
  line-height: 1.42;
}

.no-print,
.topbar,
.tabbar,
.actionbar,
.toast-host,
.frame,
.debug,
.sheet,
.sheet-scrim,
.skip { display: none !important; }

.app {
  max-width: none;
  min-height: 0;
  box-shadow: none;
}

.outlet { padding-bottom: 0; }

a { background-image: none !important; }

/* Show the destination of any link that survives to paper. */
.prose a::after,
.receipt a::after { content: ' (' attr(href) ')'; font-size: 9pt; color: var(--ink-muted); }

.receipt { padding: 0; }
.receipt-line { padding-block: 1.5mm; }

.menu-item { break-inside: avoid; padding-inline: 0; }
.section-head { break-after: avoid; padding-inline: 0; }
.plate, .skeleton { display: none; }

.print-head {
  display: block !important;
  border-bottom: 1pt solid var(--ink);
  padding-bottom: 3mm;
  margin-bottom: 5mm;
}

.print-foot {
  display: block !important;
  border-top: 1pt solid var(--ink);
  padding-top: 3mm;
  margin-top: 6mm;
  font-size: 9pt;
  color: var(--ink-muted);
}