/* =========================================================================
   print.css — fridge-friendly weekly plan
   Activated when the user clicks "Export for Print" (adds body.printing) or
   via the browser print dialog. We hide chrome and lay the week out cleanly.
   ========================================================================= */

@media print {
  .appbar, .sample-ribbon, #toast-host, #modal-host, .app-footer,
  .no-print, .btn { display: none !important; }

  body { background: #fff !important; }
  .page { padding: 0 !important; }
  .container { max-width: 100% !important; padding: 0 !important; }

  .print-only { display: block !important; }

  .print-header { text-align: center; margin-bottom: 14px; border-bottom: 3px solid #243B63; padding-bottom: 10px; }
  .print-header h1 { font-size: 26pt; margin: 0; }
  .print-header p { margin: 4px 0 0; font-size: 11pt; color: #555; }

  .week-grid { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 8px !important; page-break-inside: avoid; }
  .day-col { box-shadow: none !important; border: 1.5px solid #ddd !important; padding: 10px !important; }
  .block { box-shadow: none !important; border: 1px solid #eee; }

  .print-affirm { text-align: center; font-style: italic; font-size: 13pt; margin-top: 18px; color: #243B63; }

  @page { margin: 1.2cm; size: landscape; }
}

/* Hidden by default; only shown in print */
.print-only { display: none; }