/* ============================================================
   Wayfare — print stylesheet
   A clean black-on-white checklist document: trip title,
   selected categories, grouped sections with pen-tickable
   checkbox squares, generous spacing, groups kept intact.
   ============================================================ */

@media print {

  @page {
    margin: 18mm 16mm 20mm;
  }

  /* hide all app chrome */
  .no-print, .grain, .toast, .site-header, .site-footer,
  .hero, .categories, .list-toolbar, .progress-panel,
  .empty-state, .packed-state, #groups {
    display: none !important;
  }

  body {
    background: #fff !important;
    color: #000;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11pt;
    line-height: 1.5;
  }

  .wrap { max-width: none; padding: 0; margin: 0; }

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

  .pd-header {
    border-bottom: 2.5pt solid #000;
    padding-bottom: 10pt;
    margin-bottom: 14pt;
  }
  .pd-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24pt; font-weight: 600;
    margin: 0 0 4pt; letter-spacing: -.01em;
  }
  .pd-sub {
    font-size: 10pt; color: #333; margin: 0;
  }
  .pd-cats {
    margin: 6pt 0 0; font-size: 10pt;
  }
  .pd-cats strong { font-weight: 700; }
  .pd-progress {
    margin: 4pt 0 0; font-size: 9.5pt; color: #333; font-style: italic;
  }

  .pd-group {
    break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 16pt;
  }
  .pd-group-title {
    font-size: 13pt; font-weight: 700;
    text-transform: uppercase; letter-spacing: .12em;
    border-bottom: 1pt solid #000;
    padding-bottom: 3pt; margin: 0 0 8pt;
  }
  .pd-list { list-style: none; margin: 0; padding: 0; }
  .pd-item {
    display: flex; align-items: flex-start; gap: 9pt;
    padding: 4.5pt 0;
    font-size: 11pt;
    break-inside: avoid;
  }
  .pd-box {
    flex: 0 0 auto;
    width: 11pt; height: 11pt;
    border: 1.4pt solid #000;
    border-radius: 2pt;
    margin-top: 2.5pt;
    display: inline-block;
  }
  .pd-item.checked .pd-name { text-decoration: line-through; color: #555; }
  .pd-item.checked .pd-box {
    background:
      linear-gradient(45deg, transparent 44%, #000 44%, #000 56%, transparent 56%),
      linear-gradient(-45deg, transparent 44%, #000 44%, #000 56%, transparent 56%);
  }
  .pd-name { flex: 1 1 auto; }

  .pd-footer {
    margin-top: 20pt; padding-top: 8pt;
    border-top: .75pt solid #999;
    font-size: 8.5pt; color: #555;
    display: flex; justify-content: space-between;
  }
}