/* Druckansicht (AP10, DESIGN 7). Ergänzt app.css (.druck-blatt, .druck-leiste, .paar). */

@page { size: A4 portrait; margin: 18mm 18mm 20mm 20mm; }

.druck-blatt {
  padding: 18mm 18mm 20mm 20mm;
  font-family: var(--schrift-text);
  font-size: 11pt;
  color: #000;
  box-sizing: border-box;
}
.druck-blatt a { color: inherit; text-decoration: none; }
.druck-blatt p { margin: 0; }

/* Kopf */
.druck-kopf { display: flex; justify-content: space-between; align-items: flex-start; gap: 8mm; margin-bottom: 8mm; }
.druck-kopf-texte { min-width: 0; }
.druck-titel { font-family: var(--schrift-ueberschrift); font-size: 20pt; font-weight: 700; margin: 0 0 2mm; line-height: 1.15; }
.druck-titel-spieltag { font-size: 18pt; }
.druck-saison { font-size: 12pt; }
.druck-liga { font-size: 14pt; font-weight: 600; margin-top: 1mm; }
.druck-stand { font-size: 10pt; color: #666; margin-top: 1mm; }
.druck-unterzeile { font-size: 10pt; color: #666; }
.druck-logo { max-height: 25mm; max-width: 50mm; object-fit: contain; flex: none; }

/* Tabellen */
.druck-tabelle { width: 100%; border-collapse: collapse; table-layout: fixed; page-break-inside: avoid; break-inside: avoid; }
.druck-tabelle th {
  font-size: 9.5pt; font-weight: 700; text-align: left;
  border-bottom: 0.75pt solid #000; padding: 1.5mm 1.5mm;
}
.druck-tabelle td { font-size: 11pt; height: 8mm; padding: 0 1.5mm; border-bottom: 0.25pt solid #999; vertical-align: middle; }
.druck-tabelle tbody tr:nth-child(even) td { background: #EEE; }
.druck-tabelle .zahl { text-align: center; font-family: var(--schrift-zahlen); font-variant-numeric: tabular-nums; }
/* Lange Namen umbrechen statt abschneiden (vollständige Tabelle). */
.druck-tabelle .name { text-align: left; overflow: visible; white-space: normal; overflow-wrap: anywhere; }
.druck-tabelle .paar { white-space: nowrap; }
.druck-tabelle .punkte { font-weight: 700; }
.druck-tabelle tr.zurueckgezogen-erste td { border-top: 0.75pt solid #000; }

.druck-fussnoten { margin-top: 4mm; font-size: 8.5pt; }
.druck-fussnoten p + p { margin-top: 1mm; }

.druck-verantwortlich { margin-top: 10mm; font-size: 10pt; line-height: 1.35; }
.druck-verantwortlich-titel { font-weight: 600; }

/* Spieltag */
.druck-spiele td { height: auto; min-height: 8mm; padding-top: 1.5mm; padding-bottom: 1.5mm; vertical-align: top; font-size: 10.5pt; }
.druck-spiele .name { overflow: visible; white-space: normal; }
.druck-spiele .trenner { text-align: center; padding: 1.5mm 0; }
.druck-spiele .ergebnis { text-align: left; font-family: var(--schrift-zahlen); font-variant-numeric: tabular-nums; }
.druck-ort, .druck-saetze { display: block; font-size: 9pt; color: #666; }
.druck-saetze { color: #000; }
.druck-spielfrei { margin-top: 4mm; font-size: 10pt; }
.druck-verlegungen { margin-top: 2mm; font-size: 9pt; }

.druck-tabellenteil { margin-top: 8mm; page-break-inside: avoid; break-inside: avoid; }
.druck-zwischentitel { font-family: var(--schrift-ueberschrift); font-size: 14pt; font-weight: 700; margin: 0 0 3mm; }

/* Farbig (Theme: druck.farbig) */
.druck-blatt.farbig { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.druck-blatt.farbig .druck-titel,
.druck-blatt.farbig .druck-zwischentitel { color: var(--farbe-text); }
.druck-blatt.farbig .druck-tabelle th { background: var(--farbe-kopf-hintergrund); color: var(--farbe-kopf-text); border-bottom-color: var(--farbe-linie); }
.druck-blatt.farbig .druck-tabelle td { border-bottom-color: var(--farbe-linie); }
.druck-blatt.farbig .druck-tabelle tbody tr:nth-child(even) td { background: var(--farbe-zeile-wechsel); }

@media print {
  .druck-blatt { padding: 0; }
  /* Lange Tabellen dürfen über mehrere Seiten laufen; Kopfzeile wiederholt sich, Zeilen werden nicht geteilt. */
  .druck-tabelle { page-break-inside: auto; break-inside: auto; }
  .druck-tabelle thead { display: table-header-group; }
  .druck-tabelle tr { page-break-inside: avoid; break-inside: avoid; }
  .druck-blatt .zustand { display: none; }
}

/* Hauptknopf auf der dunklen Druckleiste (D-M11): Akzent statt Kopffarbe, damit er sich abhebt. */
.druck-leiste .knopf-haupt { background: #7A3B6E; border-color: #C98BBD; color: #fff; } /* heller Rand hebt den Knopf von der dunklen Leiste ab (D-N6) */
.druck-leiste .knopf-haupt:hover { background: #64305A; border-color: #C98BBD; color: #fff; }

/* Schmale Bildschirme (D-N3): Das A4-Blatt (210 mm ≈ 794 px) wird nur am Bildschirm
   stufenweise verkleinert, damit nichts quer scrollt. zoom verkleinert auch den
   Platzbedarf im Layout. Der Druck bleibt unverändert (nur @media screen). */
@media screen and (max-width: 860px) { .druck-blatt { zoom: .85; margin: 16px auto; } }
@media screen and (max-width: 767px) { .druck-blatt { zoom: .8; } }
@media screen and (max-width: 666px) { .druck-blatt { zoom: .7; } }
@media screen and (max-width: 587px) { .druck-blatt { zoom: .55; } }
@media screen and (max-width: 468px) { .druck-blatt { zoom: .42; } }
@media screen and (max-width: 364px) { .druck-blatt { zoom: .36; } }