/**
 * TV 1848 Erlangen - Print Stylesheet
 *
 * Optimiert für den Ausdruck von Seiten
 *
 * @package TV1848
 * @since 1.0.0
 */

@media print {

    /* ==========================================================================
       Grundlegende Print-Einstellungen
       ========================================================================== */

    *,
    *::before,
    *::after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    @page {
        margin: 2cm;
        size: A4;
    }

    html {
        font-size: 12pt;
    }

    body {
        font-family: Georgia, "Times New Roman", Times, serif;
        line-height: 1.5;
        color: #000;
        background: #fff;
    }


    /* ==========================================================================
       Elemente ausblenden
       ========================================================================== */

    /* Navigation und interaktive Elemente */
    .site-header,
    .site-navigation,
    .nav-menu,
    .menu-toggle,
    .mobile-menu,
    .search-form,
    .searchform,
    .site-footer,
    .sidebar,
    .widget-area,
    .abteilung-switcher,
    .skip-link,
    .screen-reader-text,
    .breadcrumb,
    .post-navigation,
    .pagination,
    .comments-area,
    .comment-respond,
    .reply,
    .edit-link,
    .nav-links,
    .social-links,
    .share-buttons,
    .related-posts,
    .back-to-top,
    .cookie-notice,
    .modal,
    .modal-overlay,
    video,
    audio,
    iframe,
    embed,
    object,
    .no-print {
        display: none !important;
    }

    /* Buttons und interaktive Elemente */
    .btn,
    button,
    input[type="submit"],
    input[type="button"],
    .wp-block-button {
        display: none !important;
    }


    /* ==========================================================================
       Layout
       ========================================================================== */

    .site-content,
    .content-area,
    main,
    article {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }


    /* ==========================================================================
       Typografie
       ========================================================================== */

    h1, h2, h3, h4, h5, h6 {
        font-family: Arial, Helvetica, sans-serif;
        page-break-after: avoid;
        page-break-inside: avoid;
        orphans: 3;
        widows: 3;
    }

    h1 {
        font-size: 24pt;
        margin-bottom: 12pt;
    }

    h2 {
        font-size: 18pt;
        margin-top: 18pt;
        margin-bottom: 10pt;
    }

    h3 {
        font-size: 14pt;
        margin-top: 14pt;
        margin-bottom: 8pt;
    }

    h4, h5, h6 {
        font-size: 12pt;
        margin-top: 12pt;
        margin-bottom: 6pt;
    }

    p {
        orphans: 3;
        widows: 3;
        margin-bottom: 10pt;
    }

    blockquote {
        border-left: 2pt solid #000;
        padding-left: 12pt;
        margin: 12pt 0;
        font-style: italic;
    }

    pre, code {
        font-family: "Courier New", Courier, monospace;
        font-size: 10pt;
        border: 1pt solid #ccc;
        padding: 6pt;
        white-space: pre-wrap;
        word-wrap: break-word;
    }


    /* ==========================================================================
       Links
       ========================================================================== */

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

    /* URL nach externen Links anzeigen */
    a[href^="http"]:after,
    a[href^="https"]:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        font-weight: normal;
        color: #555 !important;
    }

    /* Interne Links ohne URL */
    a[href^="/"]:after,
    a[href^="#"]:after {
        content: "";
    }

    /* Keine URL für Bilder-Links */
    a[href$=".jpg"]:after,
    a[href$=".jpeg"]:after,
    a[href$=".png"]:after,
    a[href$=".gif"]:after,
    a[href$=".webp"]:after {
        content: "";
    }

    /* Mail-Links */
    a[href^="mailto:"]:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
    }

    /* Telefon-Links */
    a[href^="tel:"]:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
    }


    /* ==========================================================================
       Bilder
       ========================================================================== */

    img {
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid;
        page-break-after: avoid;
    }

    figure {
        margin: 12pt 0;
        page-break-inside: avoid;
    }

    figcaption {
        font-size: 9pt;
        font-style: italic;
        margin-top: 6pt;
    }

    /* Dekorative Bilder ausblenden */
    img[alt=""],
    img:not([alt]),
    .wp-post-image {
        /* Optional: ausblenden */
        /* display: none !important; */
    }


    /* ==========================================================================
       Tabellen
       ========================================================================== */

    table {
        width: 100%;
        border-collapse: collapse;
        page-break-inside: avoid;
        margin: 12pt 0;
    }

    th, td {
        border: 1pt solid #000;
        padding: 6pt 8pt;
        text-align: left;
        vertical-align: top;
    }

    th {
        font-weight: bold;
        background: #eee !important;
    }

    thead {
        display: table-header-group;
    }

    tr {
        page-break-inside: avoid;
    }


    /* ==========================================================================
       Listen
       ========================================================================== */

    ul, ol {
        margin: 10pt 0;
        padding-left: 20pt;
    }

    li {
        margin-bottom: 4pt;
    }


    /* ==========================================================================
       Artikel-spezifisch
       ========================================================================== */

    .entry-header {
        margin-bottom: 18pt;
        padding-bottom: 12pt;
        border-bottom: 1pt solid #ccc;
    }

    .entry-title {
        font-size: 24pt;
        margin-bottom: 6pt;
    }

    .entry-meta {
        font-size: 10pt;
        color: #555 !important;
    }

    .entry-content {
        font-size: 11pt;
    }

    .entry-footer {
        margin-top: 18pt;
        padding-top: 12pt;
        border-top: 1pt solid #ccc;
        font-size: 10pt;
    }

    .cat-links,
    .tags-links {
        display: block;
        margin-bottom: 6pt;
    }


    /* ==========================================================================
       Print Header (optional)
       ========================================================================== */

    /* Optionaler Print-Header mit Logo und Datum */
    .print-header {
        display: block !important;
        text-align: center;
        margin-bottom: 24pt;
        padding-bottom: 12pt;
        border-bottom: 2pt solid #000;
    }

    .print-header__logo {
        max-width: 150px;
        margin-bottom: 6pt;
    }

    .print-header__title {
        font-size: 14pt;
        font-weight: bold;
    }

    .print-header__url {
        font-size: 9pt;
        color: #555 !important;
    }


    /* ==========================================================================
       Print Footer
       ========================================================================== */

    .print-footer {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 9pt;
        color: #555 !important;
        padding-top: 12pt;
        border-top: 1pt solid #ccc;
    }


    /* ==========================================================================
       Seitenumbrüche
       ========================================================================== */

    .page-break-before {
        page-break-before: always;
    }

    .page-break-after {
        page-break-after: always;
    }

    .avoid-break {
        page-break-inside: avoid;
    }

    /* Neue Seite vor wichtigen Abschnitten */
    .entry-content h2 {
        page-break-before: auto;
    }


    /* ==========================================================================
       Spezielle Elemente für Druck sichtbar machen
       ========================================================================== */

    .print-only {
        display: block !important;
    }

    /* QR-Code für URL */
    .print-qr-code {
        display: block !important;
        text-align: right;
        margin-top: 18pt;
    }

    .print-qr-code img {
        width: 80px;
        height: 80px;
    }


    /* ==========================================================================
       Spielplan/Tabellen für Print
       ========================================================================== */

    .schedule-table {
        font-size: 9pt;
    }

    .schedule-table th,
    .schedule-table td {
        padding: 4pt 6pt;
    }


    /* ==========================================================================
       Kontaktdaten hervorheben
       ========================================================================== */

    .contact-info {
        border: 1pt solid #000;
        padding: 12pt;
        margin: 12pt 0;
    }

    .contact-info h3 {
        margin-top: 0;
    }

    address {
        font-style: normal;
        margin: 10pt 0;
    }
}


/* ==========================================================================
   Print-Preview Styles (im Browser)
   ========================================================================== */

@media screen {
    .print-only,
    .print-header,
    .print-footer,
    .print-qr-code {
        display: none;
    }
}