/* Print-Friendly Styles for Online-Sicher.de */
/* Optimized for 45+ audience - high contrast, clear hierarchy */

@media print {
    /* Hide all non-essential UI elements */
    header, 
    nav, 
    footer, 
    .no-print,
    .os-nav-cta,
    .os-nav-more,
    #back-to-top,
    #os-search,
    .os-search-overlay,
    .fixed,
    section[class*="bg-slate-50"], /* Hide Related Content hubs */
    section[class*="border-t border-slate-200"], /* Hide Related Content hubs */
    .bg-blue-900.text-white, /* Alert banners */
    .bg-slate-100.border-b { /* Top info bar */
        display: none !important;
    }

    /* Reset basics */
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body {
        background: white !important;
        color: black !important;
        font-size: 12pt !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Main Content Area */
    main {
        width: 100% !important;
        margin: 0 !important;
        padding: 1cm !important;
        display: block !important;
    }

    /* Professional Headers */
    h1 {
        font-size: 24pt !important;
        font-weight: bold !important;
        margin-bottom: 20pt !important;
        border-bottom: 2px solid black;
        padding-bottom: 10pt;
    }

    h2 {
        font-size: 18pt !important;
        font-weight: bold !important;
        margin-top: 25pt !important;
        margin-bottom: 12pt !important;
        page-break-after: avoid;
    }

    h3 {
        font-size: 14pt !important;
        font-weight: bold !important;
        margin-top: 15pt !important;
        margin-bottom: 8pt !important;
    }

    /* Content Elements */
    p, li {
        orphans: 3;
        widows: 3;
    }

    /* Ensure all boxes have clear borders for print */
    .bg-white, .rounded-xl, article, .p-8, .p-6 {
        border: 1px solid #ccc !important;
        border-radius: 0 !important;
        margin-bottom: 15pt !important;
        page-break-inside: avoid;
    }

    /* Links - clean up for paper */
    a {
        text-decoration: none !important;
        color: black !important;
        font-weight: bold !important;
    }

    /* Show URLs for important external links only */
    a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        font-weight: normal;
    }

    /* Hide internal jump links */
    a[href^="#"]:after {
        content: "";
    }

    /* Table styles */
    table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20pt;
    }

    th, td {
        border: 1px solid black;
        padding: 8pt;
        text-align: left;
    }

    /* Branding Header on Print */
    main::before {
        content: "Online-Sicher.de - Unabhängige Hilfe bei Internetbetrug";
        display: block;
        text-align: center;
        font-size: 10pt;
        color: #666;
        margin-bottom: 30pt;
        border-bottom: 1px solid #eee;
        padding-bottom: 5pt;
    }
}