/* ==========================================================================
   Buchungsbestätigung: auf dem Bildschirm unsichtbar, nur im Browser-Druckdialog.
   ========================================================================== */

/* Auf dem Bildschirm unsichtbar — nur der Browser-Druckdialog zeigt diese Ansicht. */
@media screen {
    .dossier-print {
        display: none !important;
    }
}

/* ---------- Print: Basis-Reset ---------- */
@media print {
    /* App-Chrome ausblenden */
    .sidebar,
    .mud-appbar,
    .mud-drawer,
    .mud-fab,
    .mud-snackbar,
    .mud-popover,
    .blazor-error-ui,
    [data-nosnippet],
    .page-presence-bar,
    .presence-pill,
    .presence-slot,
    .mobile-bottom-nav,
    .app-version-footer,
    .checkout-header,
    .app-version-footer,
    .app-version-badge,
    .dossier-screen,
    .dossier-page,
    .dossier-guest-actions,
    .dossier-nachbuchung-bar {
        display: none !important;
    }

    /* Layout-Reset */
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        height: auto !important;
        background: #fff !important;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        font-size: 11pt !important;
        line-height: 1.45 !important;
        color: #1a1a2e !important;
    }

    .page, main, article.content, .checkout-layout, .checkout-layout__main {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
        width: 100% !important;
        overflow: visible !important;
    }

    /* Seiteneinstellungen */
    @page {
        size: A4 portrait;
        margin: 18mm 16mm 20mm 16mm;
    }

    /* ---------- Print-Container ---------- */
    .dossier-print {
        display: block !important;
        max-width: 100% !important;
        color: #1a1a2e;
        background: #fff;
    }

    /* ---------- Header ---------- */
    .dossier-print__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 12pt;
        border-bottom: 2pt solid #006B6D;
        margin-bottom: 16pt;
    }

    .dossier-print__logo {
        height: 36pt;
        width: auto;
    }

    .dossier-print__header-meta {
        text-align: right;
        font-size: 9pt;
        color: #555;
        line-height: 1.6;
    }

    .dossier-print__header-meta strong {
        color: #1a1a2e;
    }

    /* ---------- Hero ---------- */
    .dossier-print__hero {
        position: relative;
        margin-bottom: 16pt;
        border-radius: 6pt;
        overflow: hidden;
        page-break-inside: avoid;
    }

    .dossier-print__hero-img {
        width: 100%;
        height: 140pt;
        object-fit: cover;
        display: block;
    }

    .dossier-print__hero-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10pt 14pt;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.72));
        color: #fff;
    }

    .dossier-print__hero-eyebrow {
        font-size: 8pt;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        opacity: 0.85;
        margin: 0 0 2pt 0;
    }

    .dossier-print__hero-title {
        font-size: 18pt;
        font-weight: 700;
        margin: 0 0 6pt 0;
        line-height: 1.2;
    }

    .dossier-print__hero-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 4pt;
    }

    .dossier-print__chip {
        display: inline-block;
        padding: 2pt 8pt;
        border-radius: 10pt;
        background: rgba(255, 255, 255, 0.22);
        backdrop-filter: blur(4px);
        font-size: 8pt;
        font-weight: 500;
        color: #fff;
    }

    /* ---------- Stats ---------- */
    .dossier-print__stats {
        display: flex;
        gap: 12pt;
        margin-bottom: 16pt;
        page-break-inside: avoid;
    }

    .dossier-print__stat {
        flex: 1;
        text-align: center;
        padding: 8pt 6pt;
        border: 1pt solid #e0e0e0;
        border-radius: 5pt;
        background: #fafafa;
    }

    .dossier-print__stat-value {
        display: block;
        font-size: 16pt;
        font-weight: 700;
        color: #006B6D;
    }

    .dossier-print__stat-label {
        display: block;
        font-size: 8pt;
        color: #666;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-top: 2pt;
    }

    /* ---------- Sections ---------- */
    .dossier-print__section {
        margin-bottom: 14pt;
        page-break-inside: avoid;
    }

    .dossier-print__section-title {
        font-size: 13pt;
        font-weight: 700;
        color: #006B6D;
        margin: 0 0 8pt 0;
        padding-bottom: 4pt;
        border-bottom: 1pt solid #e0e0e0;
    }

    .dossier-print__customer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6pt 16pt;
    }

    .dossier-print__customer-label {
        display: block;
        font-size: 8pt;
        color: #666;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 1pt;
    }

    .dossier-print__customer-item span:last-child {
        font-weight: 600;
    }

    /* ---------- Excursion Cards ---------- */
    .dossier-print__package {
        margin-bottom: 10pt;
        padding: 8pt;
        border: 1pt solid #c5d8d8;
        border-radius: 5pt;
        background: #f4fafa;
    }

    .dossier-print__package-title {
        font-size: 12pt;
        font-weight: 700;
        margin: 0 0 6pt 0;
        color: #0c1e30;
    }

    .dossier-print__excursion {
        display: flex;
        gap: 10pt;
        margin-bottom: 8pt;
        padding: 8pt;
        border: 1pt solid #e0e0e0;
        border-radius: 5pt;
        page-break-inside: avoid;
        background: #fff;
    }

    .dossier-print__excursion-img {
        width: 80pt;
        height: 60pt;
        object-fit: cover;
        border-radius: 4pt;
        flex-shrink: 0;
    }

    .dossier-print__excursion-body {
        flex: 1;
        min-width: 0;
    }

    .dossier-print__excursion-meta {
        font-size: 8pt;
        color: #666;
        margin-bottom: 2pt;
    }

    .dossier-print__excursion-title {
        font-size: 11pt;
        font-weight: 600;
        margin: 0 0 2pt 0;
        color: #1a1a2e;
    }

    .dossier-print__excursion-people {
        font-size: 8pt;
        color: #555;
        margin: 0 0 3pt 0;
    }

    .dossier-print__excursion-status {
        font-size: 8pt;
        margin: 0 0 3pt 0;
    }

    .dossier-print__excursion-status--cancelled {
        color: #c62828;
    }

    .dossier-print__excursion-status--waitlist {
        color: #e65100;
    }

    .dossier-print__excursion-price {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        font-size: 10pt;
    }

    .dossier-print__excursion-price strong {
        font-size: 12pt;
        color: #006B6D;
    }

    .dossier-print__excursion-price span {
        font-size: 8pt;
        color: #666;
    }

    /* ---------- Tables ---------- */
    .dossier-print__table {
        width: 100%;
        border-collapse: collapse;
        font-size: 9pt;
        margin-bottom: 4pt;
    }

    .dossier-print__table thead th {
        text-align: left;
        font-weight: 600;
        font-size: 8pt;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: #555;
        padding: 4pt 6pt;
        border-bottom: 1.5pt solid #006B6D;
    }

    .dossier-print__table tbody td {
        padding: 4pt 6pt;
        border-bottom: 0.5pt solid #e8e8e8;
        vertical-align: top;
    }

    .dossier-print__table tbody tr:last-child td {
        border-bottom: none;
    }

    .dossier-print__table tfoot td {
        padding: 5pt 6pt;
        border-top: 1.5pt solid #006B6D;
        font-size: 10pt;
    }

    .dossier-print__table--summary tbody td {
        padding: 3pt 6pt;
    }

    .dossier-print__summary-note {
        display: block;
        font-size: 7.5pt;
        color: #666;
    }

    .dossier-print__text-right {
        text-align: right !important;
    }

    .dossier-print__text-center {
        text-align: center !important;
    }

    .dossier-print__row--discount td {
        color: #2e7d32;
    }

    .dossier-print__row--total td {
        font-size: 12pt;
        color: #006B6D;
    }

    .dossier-print__row--balance td {
        font-weight: 700;
        color: #ed6c02;
    }

    .dossier-print__row--credit td {
        font-weight: 700;
        color: #2e7d32;
    }

    /* ---------- Footer ---------- */
    .dossier-print__footer {
        margin-top: 20pt;
        padding-top: 10pt;
        border-top: 1pt solid #e0e0e0;
        text-align: center;
        font-size: 8pt;
        color: #999;
    }
}