/* ============================================================
   print.css  —  CostaAir Sistema de Reservaciones
   Hoja de estilos para impresión
   Importar con: <link rel="stylesheet" href="../css/print.css" media="print">
   ============================================================ */

@media print {

    /* ---- Reset y tipografía para impresión ---- */
    * {
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    html, body {
        font-size: 11pt;
        font-family: 'Times New Roman', serif;
        background: #ffffff !important;
        color: #000000 !important;
        margin: 0;
        padding: 0;
    }

    /* ---- Ocultar elementos no imprimibles ---- */
    .steps-indicator,
    .btn-actions,
    .btn,
    .site-header,
    .site-sidebar,
    .page-hero,
    .alert-box,
    .nav-btn,
    .landing-page,
    iframe,
    button {
        display: none !important;
    }

    /* ---- Diseño de página ---- */
    @page {
        size: letter portrait;
        margin: 2cm 1.8cm 2cm 1.8cm;
    }

    /* ---- Área de contenido visible ---- */
    .page-wrapper {
        padding: 0 !important;
        background: #fff !important;
    }

    /* ---- Encabezado del comprobante ---- */
    .summary-header {
        background: #0d2b5e !important;
        color: #ffffff !important;
        padding: 12pt 16pt !important;
        border-radius: 4pt 4pt 0 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        page-break-inside: avoid;
    }

    .summary-logo { font-size: 14pt !important; font-weight: bold; color: #fff !important; }
    .summary-logo .logo-icon { font-size: 18pt !important; }
    .summary-title h2 { font-size: 13pt !important; color: #fff !important; }
    .summary-date { font-size: 9pt !important; color: #ddd !important; }

    .status-badge {
        border: 1px solid #27ae60 !important;
        color: #27ae60 !important;
        background: rgba(39,174,96,0.15) !important;
        padding: 4pt 10pt !important;
        font-size: 9pt !important;
        border-radius: 20pt !important;
    }

    /* ---- Secciones del resumen ---- */
    .summary-section {
        border: 1px solid #ccc !important;
        border-top: none !important;
        padding: 10pt 16pt !important;
        page-break-inside: avoid;
    }

    .section-title {
        font-size: 9pt !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5pt !important;
        color: #0d2b5e !important;
        border-bottom: 1.5pt solid #e0e6ef !important;
        padding-bottom: 4pt !important;
        margin-bottom: 8pt !important;
    }

    /* ---- Grid de información del pasajero ---- */
    .info-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6pt !important;
    }

    .info-label {
        font-size: 7.5pt !important;
        color: #666 !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
    }

    .info-value {
        font-size: 9.5pt !important;
        color: #000 !important;
        font-weight: 600 !important;
    }

    /* ---- Tabla de costos ---- */
    .cost-table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 9pt !important;
    }

    .cost-table thead tr {
        background: #e8f4fd !important;
    }

    .cost-table th {
        padding: 5pt 8pt !important;
        border: 1pt solid #ccc !important;
        font-size: 8pt !important;
        text-transform: uppercase !important;
        color: #0d2b5e !important;
    }

    .cost-table td {
        padding: 5pt 8pt !important;
        border: 1pt solid #ddd !important;
        color: #000 !important;
    }

    .cost-table .total-row {
        background: #0d2b5e !important;
        color: #ffffff !important;
    }

    .cost-table .total-row td {
        color: #ffffff !important;
        border-color: #0d2b5e !important;
        font-size: 10pt !important;
    }

    .cost-table .surcharge-row { background: #fffbf0 !important; }
    .cost-table .price-row     { background: #e8f4fd !important; }
    .cost-table .child-row     { background: #f0fff4 !important; }

    /* ---- Nota al pie ---- */
    .summary-notice {
        border: 1pt solid #ddd !important;
        padding: 8pt 16pt !important;
        font-size: 8pt !important;
        color: #555 !important;
        background: #f5f7fa !important;
        border-radius: 0 0 4pt 4pt !important;
    }

    /* ---- Pie de página de impresión ---- */
    .summary-wrapper::after {
        content: 'CostaAir — Sistemas de Reservaciones  |  costaair.cr  |  reservas@costaair.cr  |  +(506) 2200-0000';
        display: block;
        margin-top: 16pt;
        text-align: center;
        font-size: 7pt;
        color: #888;
        border-top: 0.5pt solid #ddd;
        padding-top: 8pt;
    }

    /* ---- Evitar cortes de página en lugares incorrectos ---- */
    .summary-wrapper  { page-break-before: avoid; }
    .cost-table tr    { page-break-inside: avoid; }
    .info-grid        { page-break-inside: avoid; }
}