/* Bon-Druck fuer 80mm-Bondrucker: nur Positionen + Gesamtbetrag, ohne Kopf-,
   Fusszeile, Kunde oder MwSt. Wird nur aktiv, wenn dieses Link-Element
   (per JS) eingeschaltet und gleichzeitig druck.css ausgeschaltet ist -
   so koennen A4-Rechnung und 80mm-Bon nicht gleichzeitig gedruckt werden. */
@page {
  size: 80mm auto;
  margin: 2mm 3mm;
}

html, body {
  height: auto;
  overflow: visible;
  background: #fff;
}

body > * { display: none !important; }

body > #bon-blatt {
  display: block !important;
  width: 74mm;
  margin: 0;
  padding: 0;
  font-family: 'Courier New', Consolas, monospace;
  font-size: 11pt;
  line-height: 1.4;
  color: #000;
  background: #fff;
}

/* Schriftgröße: per data-schrift auf #bon-blatt gesetzt (siehe druck.js). */
#bon-blatt[data-schrift="klein"] { font-size: 9pt; }
#bon-blatt[data-schrift="gross"] { font-size: 14pt; }

.bon__zeile {
  display: flex;
  justify-content: space-between;
  gap: 3mm;
  /* Abstand zwischen den Artikeln = eine Leerzeile (entspricht line-height). */
  margin-bottom: 1.4em;
  page-break-inside: avoid;
}

.bon__positionen .bon__zeile:last-child { margin-bottom: 0; }

.bon__name { flex: 1 1 auto; word-break: break-word; }
.bon__preis { flex: 0 0 auto; white-space: nowrap; }

.bon__gesamt {
  display: flex;
  justify-content: space-between;
  margin-top: 2mm;
  padding-top: 2mm;
  border-top: 1px dashed #000;
  font-weight: bold;
  font-size: 1.1em;
}

.bon__kopf {
  text-align: center;
  white-space: pre-wrap;
  margin-bottom: 2mm;
  padding-bottom: 2mm;
  border-bottom: 1px dashed #000;
}

.bon__fuss {
  text-align: center;
  white-space: pre-wrap;
  margin-top: 2mm;
  padding-top: 2mm;
  border-top: 1px dashed #000;
}

* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }