/*
 * print.css — item #15
 * ==========================================================================
 * Applied only when @media print. Strips navigation, dark backgrounds,
 * animations, and decorative elements. Produces a clean, ink-friendly
 * layout suitable for printing or PDF export.
 * ==========================================================================
 */

@media print {
    /* Force light backgrounds and dark text */
    body,
    .main-content,
    .content-row,
    .row-alt,
    .full-width-section,
    .intro-block,
    .hero-section,
    .pathways-section,
    .footnotes-section {
        background: #fff !important;
        color: #000 !important;
    }

    h1, h2, h3, h4, h5, h6 { color: #000 !important; }
    p, li, td, th { color: #222 !important; }

    /* Hide all navigation, toolbars, and decorative elements */
    #sidebar-wrapper,
    .navbar,
    .breadcrumb-bar,
    .progress-bar-container,
    .ambient-particles,
    .skip-to-content,
    .prev-next-nav,
    .search-overlay,
    .lightbox-overlay,
    .page-toc,
    .toc-toggle-btn,
    .share-buttons,
    .hero-actions,
    .hero-bg,
    .footer-newsletter,
    .go-deeper-toggle .go-deeper-icon {
        display: none !important;
    }

    /* Expand the content area to full width */
    #page-content-wrapper {
        margin-left: 0 !important;
        min-width: 100% !important;
    }

    /* Remove all shadows, glows, and borders */
    .site-brand::before { display: none; }
    .site-brand-text { text-shadow: none !important; }
    .site-brand-dot { box-shadow: none; animation: none; }
    .content-row img { box-shadow: none; border: 1px solid #ccc; }

    /* Expand Go Deeper sections so all content prints */
    .go-deeper-content {
        max-height: none !important;
        overflow: visible !important;
        padding: 0.5rem 0 !important;
    }

    /* Show URLs after links */
    a[href^="http"]::after {
        content: ' (' attr(href) ')';
        font-size: 0.75em;
        color: #666;
    }

    /* Confidence badges — use text labels with borders */
    .confidence-badge {
        background: #fff !important;
        color: #000 !important;
        border: 1px solid #999;
    }

    /* Callout boxes — thin border instead of coloured background */
    .callout {
        background: #fff !important;
        border: 1px solid #ccc;
        border-left: 3px solid #666;
    }
    .callout-label {
        background: #666 !important;
        color: #fff !important;
    }

    /* Pull quotes — simple left border */
    .pull-quote {
        background: #fff !important;
        border-left: 3px solid #333;
    }
    .pull-quote p { color: #000 !important; }

    /* Glossary terms — underline, no tooltip */
    .glossary-term {
        border-bottom: 1px solid #000;
        color: #000;
    }
    .glossary-tooltip { display: none !important; }

    /* Interactive placeholders — show as a note */
    .interactive-placeholder {
        border: 1px solid #ccc;
        background: #f5f5f5 !important;
    }

    /* Footnotes — always visible */
    .footnotes-section {
        border-top: 1px solid #ccc;
    }

    /* Page break management */
    h2, h3 { page-break-after: avoid; }
    section { page-break-inside: avoid; }
    img { page-break-inside: avoid; }

    /* Pathway cards — stack vertically for print */
    .pathways-grid {
        display: block;
    }
    .pathway-card {
        border: 1px solid #ccc;
        margin-bottom: 0.5rem;
        break-inside: avoid;
        background: #fff !important;
    }
}