/* ============================================================
   Obsono Market Insight — print.css
   Optimized for print output
   ============================================================ */

@media print {
    /* Hide navigation and interactive elements */
    .sidebar,
    .top-nav,
    .sidebar-toggle,
    .export-buttons,
    .page-nav,
    .date-filter-form,
    .snapshot-badge {
        display: none !important;
    }

    /* Reset app shell for print */
    .app-shell {
        display: block;
        height: auto;
        overflow: visible;
    }

    .main-wrapper {
        display: block;
        overflow: visible;
    }

    .page-content {
        overflow: visible;
        padding: 0;
        max-width: 100%;
    }

    /* Page setup */
    @page {
        margin: 1.5cm 2cm;
        size: A4 portrait;
    }

    /* Base typography for print */
    html, body {
        font-family: 'Garamond', Georgia, 'Times New Roman', serif;
        font-size: 10pt;
        color: #000;
        background: #fff;
    }

    /* Publication page */
    .publication-page {
        max-width: 100%;
        page-break-after: always;
    }

    /* Page header */
    .page-header {
        border-bottom: 2pt solid #EE6E1B;
        margin-bottom: 16pt;
        padding-bottom: 8pt;
        page-break-after: avoid;
    }

    .page-header h1 {
        font-family: 'Garamond', Georgia, serif;
        font-size: 18pt;
        color: #3d3c30;
        margin: 0;
    }

    /* Content blocks */
    .content-block {
        margin-bottom: 16pt;
        page-break-inside: avoid;
    }

    .content-text p {
        font-size: 10pt;
        line-height: 1.5;
        max-width: none;
    }

    /* Charts — expand to full width */
    .chart-container {
        width: 100% !important;
        max-height: none;
        border: 1pt solid #ccc;
        padding: 8pt;
        background: #fff !important;
        box-shadow: none;
        page-break-inside: avoid;
    }

    .chart-container canvas {
        width: 100% !important;
        max-height: 280pt;
    }

    /* Remove chart grid — stack vertically for print */
    .chart-grid {
        display: block;
    }

    .chart-grid-item {
        margin-bottom: 16pt;
        page-break-inside: avoid;
    }

    /* Two-column layouts — stack for print */
    .two-column,
    .text-primary-layout {
        display: block;
    }

    .col-primary,
    .col-secondary,
    .col,
    .text-column,
    .chart-aside {
        width: 100%;
        margin-bottom: 16pt;
    }

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

    .data-table thead {
        background-color: #363840 !important;
        color: #fff !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .data-table thead th {
        padding: 6pt 8pt;
        border: 1pt solid #ccc;
    }

    .data-table tbody tr:nth-child(even) {
        background-color: #f5f5f5 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .data-table tbody td {
        padding: 5pt 8pt;
        border: 1pt solid #ddd;
    }

    .table-responsive {
        overflow: visible;
        box-shadow: none;
    }

    /* Titles */
    .chart-title,
    .table-title {
        font-size: 9pt;
        color: #3d3c30;
        margin-bottom: 6pt;
    }

    /* Images */
    .page-image {
        max-width: 100%;
        box-shadow: none;
        page-break-inside: avoid;
    }

    /* Page breaks between major sections */
    .template-1 .two-column,
    .template-2 .content-chart,
    .template-5 .chart-grid-item {
        page-break-inside: avoid;
    }

    /* Links — show URL for print */
    a[href]::after {
        content: none;
    }
}