/* Nyomtatható lista — funkcionális, nem nyugta-stílusú (GUIDE.md §10).
   Csak nyomtatáskor él; a képernyős app teljesen eltűnik.
   Fontos: a styles.css nyomtatáskor is érvényben van (nincs media attribútuma),
   ezért a lista minden osztályneve „p” előtagot kap — így a bolt-UI generikus
   nevei (.fill, .price, .note, .card…) nem tudnak beleszólni. */
@media print {
  body { background: #fff; color: #000; font: 12pt/1.5 system-ui, sans-serif; }

  /* A két képernyős gyökér: a kapu és a teljes bolt (fejléc, hero, rács,
     lista-modál, lábléc mind az #app-on belül van). */
  #gate, #app { display: none !important; }
  /* Ugyanez általánosan: minden eltűnik, ami nem a lista, nem a lista
     tartalma és nem a lista őse — így a shell átrendezése sem szivárog a
     nyomtatásba, és nincs karbantartandó id-lista. */
  body *:not(#print-checklist, #print-checklist *, :has(#print-checklist)) {
    display: none !important;
  }
  /* a konténer alapból hidden — nyomtatáskor mindig látszik */
  #print-checklist { display: block !important; }

  /* az opcionális, kézzel kitölthető lap külön oldalra kerül */
  #print-checklist .pextra { page-break-before: always; }
  #print-checklist .pextra-note { font-size: 10pt; color: #444; margin: 0 0 10pt; }
  #print-checklist .pwrite {
    flex: 1; border-bottom: 0.6pt solid #999; min-height: 13pt; margin-right: 8pt;
  }

  #print-checklist h2 { font-size: 16pt; margin: 0 0 8pt; }
  #print-checklist h3 {
    font-size: 10.5pt; text-transform: uppercase; letter-spacing: 0.06em;
    margin: 12pt 0 4pt; padding-bottom: 2pt; border-bottom: 1pt solid #000;
  }
  #print-checklist .pline {
    display: flex; align-items: baseline; gap: 6pt; padding: 2.5pt 0; break-inside: avoid;
  }
  #print-checklist .pbox {
    width: 11pt; height: 11pt; border: 1.2pt solid #000; flex: none; transform: translateY(1.5pt);
  }
  #print-checklist .plead { flex: 1; border-bottom: 1pt dotted #666; min-width: 20pt; }
  #print-checklist .pprice { white-space: nowrap; }
}