/* =====================================================================
   Spielplatztreff Blog – Print-Stylesheet
   Optimiert für das Extra (Divi) Theme, Single-Post-Layout.
   Druckt nur den Artikelinhalt: Titel, Meta, Beitragsbild, Fließtext.
   Einbinden: per wp_enqueue_style(..., 'print') ODER in den Customizer
   unter "Zusätzliches CSS" einfügen (bereits in @media print gekapselt).
   ===================================================================== */

@media print {

  /* ---- 1. Alles ausblenden, was nicht zum Artikel gehört ---------- */
  #top-header,
  #et-secondary-nav,
  #main-header-wrapper,
  #main-header,
  #et-top-navigation,
  nav.et-menu-nav,
  .post-nav,                       /* vorheriger/nächster Beitrag      */
  .related-posts-header,
  .related_posts,
  #comment-wrap,                   /* Kommentare + Formular            */
  .et_pb_extra_column_sidebar,     /* rechte Sidebar                   */
  #sidebar,
  #footer,
  #footer-bottom,
  #footer-nav,
  .social-icons,                   /* Share-Buttons                    */
  .ed-social-share-icons,
  .share-title,
  .post-meta .comments,            /* "X Kommentare"-Zähler            */
  .et_pb_scroll_top,
  .gototop,
  #cmplz-cookiebanner-container,   /* evtl. Cookie-Banner              */
  .moove_gdpr_cookie_info_bar {
    display: none !important;
  }

  /* ---- 2. Layout auf volle Breite ziehen -------------------------- */
  html, body {
    background: #fff !important;
    color: #000 !important;
    font-size: 12pt;
    line-height: 1.5;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body {
    font-family: Georgia, "Times New Roman", serif;
  }

  #main-content,
  #content-area,
  .container,
  .et_pb_extra_column_main,
  article.single-post-module,
  .post-content.entry-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* ---- 3. Titel & Meta -------------------------------------------- */
  .post-header .post-title,
  .single-post-module .post-title,
  h1.entry-title {
    font-size: 22pt;
    line-height: 1.2;
    margin: 0 0 .4em;
    color: #000 !important;
  }

  .post-meta,
  .post-meta.vcard {
    font-size: 10pt;
    color: #444 !important;
    margin-bottom: 1em;
    border-bottom: 1pt solid #ccc;
    padding-bottom: .5em;
  }
  .post-meta a { color: #444 !important; }

  /* ---- 4. Beitragsbild ------------------------------------------- */
  .post-thumbnail.header img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ---- 5. Fließtext ---------------------------------------------- */
  .post-content.entry-content {
    font-size: 12pt;
  }

  .post-content h2 {
    font-size: 16pt;
    margin: 1.2em 0 .4em;
    page-break-after: avoid;        /* Überschrift nicht allein am Seitenende */
    break-after: avoid;
  }
  .post-content h3 {
    font-size: 13pt;
    page-break-after: avoid;
    break-after: avoid;
  }

  .post-content p,
  .post-content li {
    orphans: 3;                     /* keine Einzelzeilen am Seitenrand */
    widows: 3;
  }

  /* Bilder nicht über Seitenumbrüche zerreißen */
  .post-content img,
  .post-content figure {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .post-content figure figcaption {
    font-size: 9pt;
    color: #555 !important;
    font-style: italic;
  }

  /* ---- 6. Links: Ziel-URL hinter externen Links ausdrucken -------- */
  .post-content a {
    color: #000 !important;
    text-decoration: underline;
  }
  /* Volle URL nur bei externen Links anzeigen */
  .post-content a[href^="http"]:not([href*="spielplatztreff.de"])::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #555;
    word-break: break-all;
  }
  /* Interne/Anker-/Mail-Links nicht mit URL aufblähen */
  .post-content a[href^="#"]::after,
  .post-content a[href^="mailto:"]::after,
  .post-content a[href*="spielplatztreff.de"]::after {
    content: "";
  }

  /* ---- 7. Tabellen, Zitate, Listen -------------------------------- */
  .post-content blockquote {
    border-left: 3pt solid #999;
    padding-left: 10pt;
    color: #333 !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .post-content table { border-collapse: collapse; width: 100% !important; }
  .post-content table th,
  .post-content table td { border: 1pt solid #999; padding: 4pt; }

  /* ---- 8. Seitenränder & Quellangabe am Ende ---------------------- */
  @page {
    margin: 1.5cm 1.8cm;
  }

  /* Quelle/URL ans Ende des Artikels hängen */
  .post-content.entry-content::after {
    content: "Quelle: https://www.spielplatztreff.de/blog/sauberer-spielplatzsand-wichtige-tipps-fuer-eltern/";
    display: block;
    margin-top: 1.5em;
    padding-top: .5em;
    border-top: 1pt solid #ccc;
    font-size: 9pt;
    color: #555;
    word-break: break-all;
  }
}