﻿/* Print-only Ansicht für Angebots-PDF */
@media print {
  @page { size: A4; margin: 12mm; }
  html, body { height: auto !important; margin: 0 !important; }

  /* Alles ausblenden ... */
  body * { display: none !important; }

  /* ... aber die Ahnenkette von #offer-print sichtbar lassen */
  #video-container, #ui-overlay {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
  }

  /* Snapshot aus dem Stream bleibt im DOM, wird aber separat im Angebot platziert */
  #print-snapshot {
    display: none !important;
  }
  #video-container video {
    display: none !important;
  }

  /* Nur den Angebotsbereich anzeigen */
  #offer-print, #offer-print * { display: initial !important; visibility: visible !important; }

  /* Sichere Block-Darstellung für gängige Elemente im Angebotsbereich */
  #offer-print,
  #offer-print section,
  #offer-print div,
  #offer-print h1,
  #offer-print h2,
  #offer-print h3,
  #offer-print p,
  #offer-print ul,
  #offer-print li,
  #offer-print hr { display: block !important; }

  #offer-print { 
    position: static !important;
    margin: 0 !important;
    font: 14px/1.4 "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: #111;
  }
  #offer-print ul { padding-left: 18px; list-style: disc; }

  /* Druck-Header/Logo */
  #offer-print .print-header { position: relative !important; min-height: 0; }
  #offer-print .print-logo {
    position: absolute !important;
    top: 0;
    right: 0;
    max-height: 9mm;
    width: auto;
    display: block !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  #offer-print .print-hero { display: block !important; }
  #offer-print .print-hero img {
    display: block !important;
    width: 100% !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Footer im DOM (falls vorhanden) im Druck ausblenden */
  footer, .footer, #footer, .site-footer { display: none !important; }

  /* Keine harte Vermeidung von Seitenumbrüchen global, damit keine leeren Seiten entstehen */
}
