/* ══════════════════════════════════════════
   Springteufel – Print-Stylesheet
   Optimiert für A4-Ausdruck der Zusammenfassung
══════════════════════════════════════════ */

@media print {

    /* ── Globale Print-Einstellungen ── */
    @page {
        size: A4 portrait;
        margin: 1.5cm 1.5cm 2cm 1.5cm;
    }

    * {
        box-sizing: border-box;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    body {
        background: white !important;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11pt;
        color: #1a1a1a;
        margin: 0;
        padding: 0;
    }

    /* ── Ausblenden was nicht gedruckt werden soll ── */
    .no-print,
    header,
    #progress-bar,
    #wizard-nav,
    button,
    nav {
        display: none !important;
    }

    /* ── Alle Schritte ausblenden außer Step 5 ── */
    #step-1,
    #step-2,
    #step-3,
    #step-4 {
        display: none !important;
    }

    #step-5 {
        display: block !important;
    }

    /* ── Print-Kopf einblenden ── */
    .print-only {
        display: block !important;
    }

    /* ── Seitenhintergrund ── */
    main {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* ── Zusammenfassungs-Karten ── */
    #summary-content {
        width: 100%;
    }

    #summary-content > div {
        /* Karte */
        border: 1px solid #d1d5db;
        border-radius: 8px;
        margin-bottom: 12pt;
        page-break-inside: avoid;
        box-shadow: none !important;
        overflow: hidden;
    }

    /* Karten-Header (grüne Leiste) */
    #summary-content > div > div:first-child {
        background-color: #4a9e3f !important;
        color: white !important;
        padding: 6pt 12pt;
    }

    #summary-content > div > div:first-child h3 {
        color: white !important;
        font-size: 10pt;
        font-weight: bold;
    }

    /* Karten-Inhalt */
    #summary-content > div > div:last-child {
        padding: 8pt 12pt;
    }

    /* Daten-Zeilen */
    .flex.flex-wrap.gap-1.text-sm {
        display: flex;
        gap: 4pt;
        margin-bottom: 4pt;
        font-size: 10pt;
    }

    /* Badge KiLa / Schüli */
    #summary-content span[style*="background"] {
        font-size: 9pt;
        padding: 2pt 8pt;
        border-radius: 20pt;
    }

    /* Titel */
    #summary-content h2 {
        font-size: 14pt;
        font-weight: bold;
        color: #1a1a1a;
    }

    /* ── Druckfußzeile ── */
    body::after {
        content: "Springteufel Berlin – Daten bitte in die Kontaktliste übertragen";
        display: block;
        text-align: center;
        font-size: 8pt;
        color: #6b7280;
        margin-top: 20pt;
        border-top: 1pt solid #d1d5db;
        padding-top: 8pt;
    }
}