/* Print Stylesheet for Word Lists Platform */

@media print {

    /* Hide interactive elements */
    .site-header,
    .site-footer,
    .back-to-top,
    .copy-btn,
    .theme-toggle,
    .header-search,
    .alpha-nav,
    .search-container,
    .hero-search,
    #toast {
        display: none !important;
    }

    /* Reset page styles for print */
    body {
        background: white;
        color: black;
        font-size: 12pt;
        line-height: 1.5;
    }

    /* Hero section simplification */
    .hero {
        border-bottom: 2pt solid #000;
        padding: 0 0 12pt 0;
        margin-bottom: 24pt;
    }

    .hero h1 {
        font-size: 20pt;
        color: black;
        margin-bottom: 6pt;
    }

    .hero-subtitle {
        font-size: 11pt;
        color: #333;
    }

    .hero-badge {
        background: #f0f0f0;
        padding: 3pt 6pt;
        border: 1pt solid #ccc;
    }

    /* Breadcrumbs */
    .breadcrumbs {
        font-size: 9pt;
        color: #666;
        margin-bottom: 12pt;
    }

    /* Card layout for print */
    .grid-container {
        display: block !important;
    }

    .item-card {
        page-break-inside: avoid;
        border: 1pt solid #ddd;
        padding: 12pt;
        margin-bottom: 12pt;
        background: white;
        box-shadow: none !important;
    }

    .card-title {
        font-size: 14pt;
        font-weight: bold;
        color: black;
        margin-bottom: 6pt;
    }

    .card-badge {
        background: #f5f5f5;
        border: 1pt solid #ccc;
        padding: 2pt 6pt;
        font-size: 9pt;
        display: inline-block;
        margin-bottom: 6pt;
    }

    .card-content {
        font-size: 11pt;
        line-height: 1.4;
    }

    .definition {
        font-weight: 500;
        margin-bottom: 6pt;
    }

    .example {
        font-style: italic;
        color: #444;
        margin-bottom: 6pt;
    }

    .tag {
        display: inline-block;
        background: #f9f9f9;
        border: 1pt solid #ddd;
        padding: 2pt 4pt;
        margin-right: 4pt;
        font-size: 9pt;
    }

    /* FAQ section */
    .faq-section {
        page-break-before: always;
        border-top: 2pt solid #000;
        padding-top: 12pt;
    }

    .faq-section h2 {
        font-size: 16pt;
        margin-bottom: 12pt;
        color: black;
    }

    .faq-item {
        margin-bottom: 12pt;
        page-break-inside: avoid;
    }

    .faq-question {
        font-weight: bold;
        font-size: 11pt;
        margin-bottom: 6pt;
        display: block;
        color: black;
    }

    .faq-answer {
        display: block !important;
        font-size: 10pt;
        padding-left: 12pt;
    }

    /* FAQ accordion indicators */
    .faq-question::after {
        content: "" !important;
    }

    /* Hub cards (homepage) */
    .hub-card {
        page-break-inside: avoid;
        border: 1pt solid #ddd;
        padding: 12pt;
        margin-bottom: 12pt;
    }

    .hub-card-icon {
        font-size: 16pt;
        margin-bottom: 6pt;
    }

    .hub-card-title {
        font-size: 13pt;
        font-weight: bold;
        color: black;
    }

    /* Hide decorative elements */
    .category-badge,
    svg:not(.hub-card svg) {
        display: none;
    }

    /* Page header for multi-page prints */
    @page {
        margin: 2cm 1.5cm;

        @top-center {
            content: "Word Lists – " attr(data-category);
            font-size: 9pt;
            color: #666;
        }

        @bottom-center {
            content: "Page " counter(page) " of " counter(pages);
            font-size: 9pt;
            color: #666;
        }
    }

    /* First page shouldn't have header */
    @page :first {
        @top-center {
            content: none;
        }
    }

    /* Ensure links are visible */
    a {
        color: black;
        text-decoration: underline;
    }

    /* Show URLs for important links */
    .breadcrumbs a::after,
    .footer-links a::after {
        content: " (" attr(href) ")";
        font-size: 8pt;
        color: #666;
    }

    /* Optimize for black & white printing */
    * {
        color-adjust: economy;
        print-color-adjust: economy;
    }
}