/**
 * IEC Solar - Print Stylesheet
 * Professional quotation output for printing that matches screen design
 */

@media print {

    /* Page settings - balanced margins */
    @page {
        size: A4;
        margin: 10mm;
    }

    /* Force color printing */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Reset all margins and padding on html/body */
    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* Hide navigation, footer, buttons, and notifications when printing */
    header,
    footer,
    nav,
    .navbar,
    .whatsapp-float,
    .back-to-top,
    .no-print,
    .btn-print,
    .btn-new-quote,
    .step-indicator,
    .page-header,
    .page-header-particles,
    #step1,
    #step2,
    .d-flex.justify-content-center.gap-3,
    .row.g-3.mt-4,
    .container>.row>.col-lg-8>.row,
    /* Hide toastr notifications */
    .toast,
    .toast-container,
    .toast-message,
    #toast-container,
    .toast-success,
    .toast-error,
    .toast-info,
    .toast-warning,
    [class*="toast"] {
        display: none !important;
        visibility: hidden !important;
    }

    /* Make container full width */
    .container,
    .container-fluid {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .row {
        margin: 0 !important;
    }

    .col-lg-8 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
    }

    section.section {
        padding: 0 !important;
        margin: 0 !important;
    }

    main {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Show the quotation output */
    .calculator-container {
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #step3 {
        display: block !important;
    }

    #quotation-output {
        margin: 0 !important;
    }

    /* Quotation Container - Full width */
    .quotation-output {
        border: 2px solid #2C5282 !important;
        border-radius: 10px !important;
        padding: 25px !important;
        margin: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Quotation Header */
    .quotation-header {
        text-align: center !important;
        margin-bottom: 20px !important;
        padding-bottom: 15px !important;
        border-bottom: 2px dashed #E2E8F0 !important;
    }

    .quotation-logo {
        height: 55px !important;
        margin-bottom: 10px !important;
    }

    .quotation-title {
        font-size: 1.4rem !important;
        font-weight: 700 !important;
        color: #2C5282 !important;
        margin-bottom: 5px !important;
    }

    .quotation-header p {
        margin-bottom: 3px !important;
        font-size: 0.9rem !important;
    }

    .quotation-header hr {
        margin: 12px 0 !important;
    }

    .quotation-header h4 {
        color: #2C5282 !important;
        font-size: 1.15rem !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        margin-bottom: 8px !important;
    }

    .quotation-number {
        font-size: 0.85rem !important;
        color: #666 !important;
    }

    /* Customer Details Box */
    .quotation-output .bg-light,
    .quotation-output .mb-4.p-3 {
        background: #f8f9fa !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 8px !important;
        padding: 12px 15px !important;
        margin-bottom: 20px !important;
    }

    .quotation-output .bg-light strong,
    .quotation-output .mb-4.p-3 strong {
        color: #333 !important;
        font-size: 0.95rem !important;
    }

    .quotation-output .bg-light span,
    .quotation-output .mb-4.p-3 span {
        color: #555 !important;
        font-size: 0.95rem !important;
    }

    .quotation-output .row {
        margin: 0 !important;
    }

    .quotation-output .mt-2 {
        margin-top: 8px !important;
    }

    /* Quotation Table */
    .quotation-table {
        width: 100% !important;
        margin-bottom: 20px !important;
        border-collapse: collapse !important;
    }

    .quotation-table tbody tr {
        border-bottom: 1px solid #E2E8F0 !important;
    }

    .quotation-table th,
    .quotation-table td {
        padding: 10px 12px !important;
        font-size: 11pt !important;
    }

    .quotation-table th {
        text-align: left !important;
        color: #666 !important;
        font-weight: 500 !important;
    }

    .quotation-table td {
        text-align: right !important;
        font-weight: 600 !important;
        color: #333 !important;
    }

    /* Grand Total Row - Blue background with white text */
    .quotation-total {
        background: #2C5282 !important;
        color: #fff !important;
    }

    .quotation-total th,
    .quotation-total td {
        border: none !important;
        font-size: 12pt !important;
        padding: 12px !important;
        color: #fff !important;
        font-weight: 700 !important;
    }

    /* Quotation Footer */
    .quotation-footer {
        text-align: center !important;
        padding-top: 15px !important;
        border-top: 2px dashed #E2E8F0 !important;
        font-size: 10pt !important;
        color: #666 !important;
    }

    .quotation-footer p {
        margin-bottom: 5px !important;
    }

    .quotation-footer strong {
        color: #333 !important;
    }

    /* Typography */
    body {
        font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        font-size: 11pt !important;
        line-height: 1.4 !important;
        color: #333 !important;
    }

    /* Remove box shadows */
    .calculator-container,
    .quotation-output {
        box-shadow: none !important;
    }
}