/**
 * Print Styles for Calculator PDF Reports
 * Loaded with media="print" to avoid critical CSS inlining
 * Version: 1.0
 */

@media print {
    /* Hide all UI chrome */
    .controls-bar,
    .presets-bar,
    .card-header .utility-button,
    .scenario-reset-btn,
    .comparison-switcher,
    .slider,
    .tooltip-container,
    .copy-button,
    .result-change,
    .chart-container,
    .benchmark-badge,
    .simple-calc-controls,
    .sticky-controls,
    .sidebar-nav,
    .sticky-nav-bar,
    .hamburger-button,
    #nav-overlay,
    .main-navigation,
    .main-footer,
    .mobile-nav-header,
    .theme-toggle-btn,
    #sidebar-toggle,
    #search-container,
    #search-popup-overlay,
    .cookie-consent-banner,
    .cookie-consent-banner + *,
    script,
    noscript,
    .skip-link {
        display: none !important;
    }

    /* Page setup - single page, compact */
    body {
        background: white !important;
        color: #111 !important;
        font-size: 9pt !important;
        line-height: 1.4;
        margin: 0 !important;
        padding: 0 !important;
    }

    @page {
        margin: 1cm !important;
        size: A4;
    }

    .main-container {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .calculator-container {
        display: block !important;
    }

    .calculator-grid-layout,
    .simple-calculator-layout {
        display: block !important;
    }

    /* Single page layout - everything flows naturally */
    .inputs-card,
    .results-card,
    .card {
        break-inside: avoid;
        page-break-inside: avoid;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
        margin-bottom: 0.75rem !important;
        padding: 0.75rem !important;
        background: white !important;
    }

    .card-header {
        border-bottom: 2px solid #333 !important;
        margin-bottom: 0.5rem !important;
        padding-bottom: 0.4rem !important;
        height: auto !important;
    }

    .card-header h2 {
        color: #111 !important;
        font-size: 11pt !important;
    }

    .card-header h2, .card-header h3 {
        color: #111 !important;
        font-size: 11pt !important;
    }

    .scenario-title {
        color: #111 !important;
    }

    /* Inputs as compact grid */
    .input-group {
        margin-bottom: 0.35rem !important;
        display: grid !important;
        grid-template-columns: 1fr 80px !important;
        gap: 0.5rem !important;
        align-items: center !important;
    }

    .input-group label {
        font-weight: 600;
        color: #333 !important;
        font-size: 8.5pt !important;
        margin: 0 !important;
    }

    .input-group input {
        border: 1px solid #ccc !important;
        background: white !important;
        color: #111 !important;
        padding: 0.2rem 0.4rem !important;
        font-size: 8.5pt !important;
        text-align: right !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Hide slider inputs in print */
    .slider-group .slider { display: none !important; }
    .slider-group .input-wrapper { width: 100% !important; }
    .slider-group .input-group { grid-template-columns: 1fr 80px !important; }

    .results-card .card-header h2 {
        color: #111 !important;
    }

    .result-category {
        margin-bottom: 0.75rem !important;
    }

    .result-category h3 {
        color: #333 !important;
        font-size: 9.5pt !important;
        border-bottom: 1px solid #eee !important;
        padding-bottom: 0.2rem !important;
        margin-bottom: 0.4rem !important;
    }

    .result-item {
        display: flex !important;
        justify-content: space-between !important;
        padding: 0.25rem 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
        font-size: 8.5pt !important;
    }

    .result-item.total {
        font-weight: 700 !important;
        border-top: 2px solid #333 !important;
        margin-top: 0.4rem !important;
        padding-top: 0.4rem !important;
    }

    .result-item .result-value strong {
        color: #111 !important;
    }

    .result-comparison-header {
        display: flex !important;
        font-weight: 700 !important;
        font-size: 8.5pt !important;
        border-bottom: 2px solid #333 !important;
        margin-bottom: 0.4rem !important;
        padding-bottom: 0.2rem !important;
    }

    .result-comparison-group {
        flex: 1 !important;
        text-align: right !important;
    }

    .result-change.positive { color: #27ae60 !important; }
    .result-change.negative { color: #e74c3c !important; }

    /* Compact header with branding - generic, overridden by page-specific */
    .calculator-container::before {
        content: "AdsCalculator.xyz — Report";
        display: block;
        text-align: center;
        font-size: 13pt;
        font-weight: 700;
        color: #111;
        margin-bottom: 0.5rem;
        border-bottom: 2px solid #333;
        padding-bottom: 0.5rem;
    }

    .calculator-container::after {
        content: "Generated " attr(data-date) " · " attr(data-url);
        display: block;
        text-align: center;
        font-size: 7.5pt;
        color: #666;
        margin-top: 1rem;
        border-top: 1px solid #eee;
        padding-top: 0.5rem;
    }

    /* Scenario labels */
    .inputs-card .card-header::after {
        content: " (Inputs)";
        font-weight: 400;
        font-size: 9pt;
        color: #666;
    }

    .results-card .card-header::after {
        content: " (Results)";
        font-weight: 400;
        font-size: 9pt;
        color: #666;
    }

    /* Comparison mode labels */
    .is-comparison-mode .inputs-card:first-child .card-header::after {
        content: " (Scenario A Inputs)";
    }
    .is-comparison-mode .inputs-card:nth-child(2) .card-header::after {
        content: " (Scenario B Inputs)";
    }
    .is-comparison-mode .results-card .card-header::after {
        content: " (Comparison Results)";
    }

    /* Charts - hide */
    .chart-container {
        display: none !important;
    }

    /* Ensure single page - no forced breaks */
    .calculator-grid-layout > section,
    .simple-calculator-layout > section {
        page-break-after: auto !important;
        break-after: auto !important;
    }
}