/* =========================================
   PRINT STYLES, PDF READER PAGE
========================================= */
@media print {

    /* Basic page setup */
    @page {
        size: A4;
        margin: 10mm;
    }

    html,
    body {
        background: #fff !important;
        color: #000 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        overflow: visible !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 11pt !important;
        line-height: 1.45 !important;
    }

    /* Hide site-wide chrome */
    footer,
    nav,
    aside,
    .header,
    .site-header,
    .main-header,
    .top-header,
    .bottom-header,
    .footer,
    .site-footer,
    .main-footer,
    .breadcrumbs,
    .breadcrumb,
    .page-banner,
    .search-section,
    .skip-link,
    .accessibility-tools,
    .language-switcher,
    .social-links,
    .share-tools,
    .menu,
    .navbar,
    .sidebar,
    .right-sidebar,
    .left-sidebar,
    .qr-sidebar,
    .meta-sidebar,
    .metadata-panel,
    .page-meta,
    .related-content,
    .button,
    .buttons,
    .btn,
    .print-btn,
    .download-btn,
    .pdf-actions,
    .pdf-download,
    .download-accessible-pdf,
    .grey-background,
    .top-menu,
    .head-links-area,
    .nav,
    .no-print {
        display: none !important;
    }

    /* Hide obvious WWL page sections if present */
    .sitewide-alert,
    .header-top,
    .header-bottom,
    .pre-footer,
    .logos-strip,
    .partners-strip,
    .cookie-banner,
    .hero,
    .page-utility,
    .page-tools,
    .content-sidebar,
    .right-col,
    .sidebar-col,
    .meta-col {
        display: none !important;
    }

    /* Flatten layout containers */
    body *,
    .container,
    .wrapper,
    .page-wrapper,
    .main-wrapper,
    .content-wrapper,
    .row,
    .col,
    .col-left,
    .col-right,
    .main-content,
    main,
    article {
        box-shadow: none !important;
    }

    .container,
    .wrapper,
    .page-wrapper,
    .main-wrapper,
    .content-wrapper,
    .row,
    .main-content,
    main,
    article,
    #pdfreader .pdfreader-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    /* Main leaflet content, keep only this side */
    .pdf-content,
    .pdf-reader-content,
    .pdf-document,
    .pdf-document-content,
    .pdf-page-content,
    .leaflet-content,
    .document-content,
    .entry-content,
    article,
    main .content,
    main article {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        border: 0 !important;
        background: #fff !important;
    }

    /* Hide metadata table / QR side panel */
    .pdf-meta,
    .pdf-metadata,
    .pdf-sidebar,
    .pdf-side-panel,
    .document-meta,
    .document-sidebar,
    .qr-code,
    .qr-panel,
    .meta-table,
    .metadata-table {
        display: none !important;
        visibility: hidden !important;
    }

    /* Remove decorative spacing */
    .card,
    .panel,
    .box,
    .content-box,
    .document-box {
        border: 0 !important;
        background: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Typography for print */
    h1, h2, h3, h4, h5, h6 {
        color: #000 !important;
        page-break-after: avoid;
        break-after: avoid-page;
        margin-top: 0.8em !important;
        margin-bottom: 0.35em !important;
    }

    h1 { font-size: 20pt !important; }
    h2 { font-size: 16pt !important; }
    h3 { font-size: 14pt !important; }
    h4, h5, h6 { font-size: 12pt !important; }

    p,
    li,
    td,
    th {
        color: #000 !important;
        font-size: 11pt !important;
    }

    p,
    ul,
    ol,
    table {
        page-break-inside: avoid;
        break-inside: avoid;
    }

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

    table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    /* Links in print */
    a,
    a:visited {
        color: #000 !important;
        text-decoration: none !important;
    }

    /* Optional, show URLs after links in print */
    a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        word-break: break-all;
    }

    /* But do not append URLs on buttons / icon links */
    .button:after,
    .btn:after,
    .print-btn:after,
    .download-btn:after,
    .material-icons:after {
        content: "" !important;
    }
}