/*
 * Exam Analytics (Beta) v1.0.0
 * Print Styles for PDF Export
 */

@media print {
    /* ==================== Reset for Print ==================== */
    * {
        background: white !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* ==================== Page Setup ==================== */
    @page {
        margin: 1.5cm 2cm;
        size: A4;
    }

    html,
    body {
        width: 210mm;
        height: 297mm;
        font-size: 11pt;
        line-height: 1.4;
    }

    /* ==================== Hide Non-Printable Elements ==================== */
    .site-header,
    .site-footer,
    .primary-nav,
    .footer-nav,
    .skip-link,
    .mobile-nav-toggle,
    .btn,
    .modal-overlay,
    .no-print {
        display: none !important;
    }

    /* ==================== Layout ==================== */
    .container {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    .main-content {
        min-height: auto;
        padding: 0;
    }

    /* ==================== Typography ==================== */
    h1 {
        font-size: 20pt;
        margin-bottom: 12pt;
        page-break-after: avoid;
    }

    h2 {
        font-size: 16pt;
        margin-top: 18pt;
        margin-bottom: 10pt;
        page-break-after: avoid;
    }

    h3 {
        font-size: 14pt;
        margin-top: 14pt;
        margin-bottom: 8pt;
        page-break-after: avoid;
    }

    h4, h5, h6 {
        font-size: 12pt;
        margin-top: 10pt;
        margin-bottom: 6pt;
        page-break-after: avoid;
    }

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

    /* ==================== Page Breaks ==================== */
    .page-break-before {
        page-break-before: always;
    }

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

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

    .section,
    .card,
    .table-wrapper {
        page-break-inside: avoid;
    }

    /* ==================== Tables ==================== */
    .table {
        width: 100%;
        border-collapse: collapse;
        font-size: 9pt;
    }

    .table th,
    .table td {
        padding: 4pt 6pt;
        border: 1px solid #ccc;
        text-align: left;
    }

    .table th {
        background-color: #f0f0f0 !important;
        font-weight: bold;
        page-break-after: avoid;
    }

    .table thead {
        display: table-header-group;
    }

    .table tbody {
        display: table-row-group;
    }

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

    /* ==================== Links ==================== */
    a {
        text-decoration: underline;
        color: black !important;
    }

    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #666 !important;
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    /* ==================== Cards ==================== */
    .card {
        border: 1px solid #ccc !important;
        padding: 12pt;
        margin-bottom: 12pt;
    }

    .stat-card {
        border: 1px solid #ccc !important;
        padding: 8pt;
        text-align: center;
    }

    /* ==================== Grid ==================== */
    .grid,
    .card-grid {
        display: block !important;
    }

    .grid > *,
    .card-grid > * {
        margin-bottom: 12pt;
    }

    /* ==================== Alerts ==================== */
    .alert {
        border: 1px solid #ccc !important;
        padding: 8pt;
        margin-bottom: 8pt;
        background-color: white !important;
    }

    .alert-error {
        border-left: 3pt solid #000 !important;
    }

    .alert-warning {
        border-left: 3pt solid #666 !important;
    }

    /* ==================== Badges ==================== */
    .badge {
        border: 1px solid #000 !important;
        padding: 2pt 6pt;
        background-color: white !important;
        color: black !important;
    }

    /* ==================== Report Header ==================== */
    .report-header {
        margin-bottom: 24pt;
        border-bottom: 2pt solid #000;
        padding-bottom: 12pt;
    }

    .report-title {
        font-size: 22pt;
        font-weight: bold;
        margin-bottom: 8pt;
    }

    .report-meta {
        font-size: 10pt;
        color: #333 !important;
    }

    /* ==================== Summary Stats ==================== */
    .summary-stats {
        display: flex;
        flex-wrap: wrap;
        gap: 12pt;
        margin-bottom: 18pt;
    }

    .summary-stats .stat-card {
        flex: 1 1 calc(25% - 12pt);
        min-width: 120pt;
    }

    /* ==================== Charts (SVG) ==================== */
    svg {
        max-width: 100%;
        height: auto;
        page-break-inside: avoid;
    }

    /* ==================== Footer ==================== */
    .print-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        font-size: 9pt;
        text-align: center;
        border-top: 1pt solid #ccc;
        padding-top: 6pt;
        color: #666 !important;
    }

    /* ==================== Page Numbers ==================== */
    .page-number:after {
        content: counter(page);
    }

    /* ==================== Optimize Spacing ==================== */
    .section {
        margin-bottom: 18pt;
    }

    .section-title {
        margin-bottom: 10pt;
    }

    /* ==================== Forms (hide in print) ==================== */
    form,
    input,
    select,
    textarea,
    button {
        display: none !important;
    }

    /* ==================== Show only print-specific elements ==================== */
    .print-only {
        display: block !important;
    }

    /* ==================== Accessibility ==================== */
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /* ==================== Color Adjustments ==================== */
    .text-primary,
    .badge-primary {
        color: #000 !important;
        font-weight: bold;
    }

    .text-error,
    .badge-error {
        color: #000 !important;
        font-weight: bold;
        text-decoration: underline;
    }

    /* ==================== Ensure Readability ==================== */
    body {
        font-family: "Times New Roman", Times, serif;
    }

    code, pre {
        font-family: "Courier New", Courier, monospace;
        background-color: #f5f5f5 !important;
        border: 1px solid #ccc;
        padding: 4pt;
    }

    /* ==================== Item Analysis Table Optimization ==================== */
    .items-table {
        font-size: 8pt;
    }

    .items-table th,
    .items-table td {
        padding: 3pt 4pt;
    }
}