/* =========================================================================
   THoPoH – Druck-Stylesheet (nur @media print)
   -------------------------------------------------------------------------
   Wird zusaetzlich zu style.css geladen, greift aber ausschliesslich beim
   Drucken bzw. bei "Als PDF speichern". Das Bildschirm-Layout bleibt
   unveraendert.

   Ziel: Rechtsseiten (AGB, Impressum, Datenschutz, Widerruf, gTLD) sowie
   Formular-/Inhaltsseiten sauber auf Papier bringen:
     - Navigation, Header, Footer, Buttons, Breadcrumbs ausblenden
     - schwarz auf weiss, ohne Hintergrundfarben und Schatten
     - lesbare Schriftgroesse, sinnvolle Seitenraender
     - Absaetze nicht unnoetig zerreissen, Ueberschriften zusammenhalten
     - am Seitenende Quellen-/Stand-Hinweis ueber :after
   ========================================================================= */

@media print {

    /* ---------------------------------------------------------------------
       Grundlayout auf Papier
       --------------------------------------------------------------------- */
    @page {
        size: A4;
        margin: 18mm 16mm 20mm 16mm;
    }

    html, body {
        background: #fff !important;
        color: #000 !important;
        font-size: 11.5pt;
        line-height: 1.5;
        margin: 0;
        padding: 0;
    }

    /* ---------------------------------------------------------------------
       Nicht drucken: alles, was nur der Navigation/Optik dient
       --------------------------------------------------------------------- */
    .site-header,
    .topbar,
    .site-footer,
    .breadcrumbs,
    .page-meta,
    .nav,
    .navbar,
    .nav-toggle,
    .btn,
    .print-action,
    .skip-link,
    [role="navigation"],
    [hidden] {
        display: none !important;
    }

    /* ---------------------------------------------------------------------
       Inhalt breit nutzen, Hero-Bereich entschlacken
       --------------------------------------------------------------------- */
    .container {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    main#content,
    .section,
    .section--tight {
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
        background: none !important;
    }

    .page-hero {
        padding: 0 0 6mm 0 !important;
        margin: 0 0 6mm 0 !important;
        background: none !important;
        border-bottom: 1px solid #000 !important;
        color: #000 !important;
    }

    .page-hero h1 {
        font-size: 20pt;
        line-height: 1.2;
        margin: 0 0 2mm 0;
        color: #000 !important;
    }

    .page-hero__lead {
        font-size: 11pt;
        color: #000 !important;
    }

    /* ---------------------------------------------------------------------
       Fliesstext / Rechtsseiten
       --------------------------------------------------------------------- */
    .prose {
        max-width: none !important;
    }

    .prose h2,
    .prose h3,
    .prose h4 {
        color: #000 !important;
        page-break-after: avoid;      /* Ueberschrift nicht allein am Seitenende */
        break-after: avoid;
        /* Abstand nach oben halten */
        margin-top: 6mm;
        margin-bottom: 2mm;
    }

    .prose h2 { font-size: 14pt; }
    .prose h3 { font-size: 12pt; }

    .prose p,
    .prose ul,
    .prose ol,
    .prose table,
    .prose blockquote {
        orphans: 3;                   /* mind. 3 Zeilen am Seitenende */
        widows: 3;                    /* mind. 3 Zeilen auf naechster Seite */
        page-break-inside: auto;
    }

    .prose li,
    .prose blockquote {
        page-break-inside: avoid;     /* Einzelpunkte nicht zerreissen */
        break-inside: avoid;
    }

    .prose a {
        color: #000 !important;
        text-decoration: underline;
    }

    /* Absolute/dynamische Links koennen auf Papier nicht angeklickt werden:
       interne Seiten bleiben unterstrichen, externe zeigen wir nicht an –
       das wuerde den Fliesstext mit langen URLs zerstoeren. */

    .prose table {
        width: 100% !important;
        border-collapse: collapse;
        font-size: 10pt;
    }

    .prose th,
    .prose td {
        border: 1px solid #000 !important;
        padding: 3px 5px !important;
    }

    .prose th {
        background: #f0f0f0 !important;  /* heller Grauton druckt gut */
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* ---------------------------------------------------------------------
       Bilder, Icons, Hintergruende auf Papier reduzieren
       --------------------------------------------------------------------- */
    img,
    svg {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* ---------------------------------------------------------------------
       Stand-/Quellenhinweis am Fuss der Rechtsseiten
       --------------------------------------------------------------------- */
    .prose::after {
        display: block;
        margin-top: 8mm;
        padding-top: 3mm;
        border-top: 1px solid #000;
        font-size: 9pt;
        color: #000;
        content: "THoPoH Internetdienstleistungen · Inhaber Thomas Pohlmann · Sarnsbank 47 · 45663 Recklinghausen · www.thopoh.de";
    }
}