/* pflanzenbestimmung/assets/css/print.css - V11: Stabiler Ansatz ohne "display: none" auf body * */

@media print {
    @page {
        margin: 2cm;
    }

    /* --- GLOBALE RESET & TYPOGRAPHIE --- */
    body {
        font-family: 'Georgia', 'Times New Roman', serif;
        font-size: 11pt;
        line-height: 1.6;
        color: #000;
        background: #fff !important;
    }
    h1, h2, h3, h4 {
        font-family: 'Helvetica', 'Arial', sans-serif;
        page-break-after: avoid;
        font-weight: bold;
        color: #000;
        margin: 0;
        padding: 0;
    }
    a {
        text-decoration: none !important;
        color: inherit !important;
    }
    * {
        box-shadow: none !important;
        border-radius: 0 !important;
        border-color: #ddd !important;
        background-color: transparent !important;
        color: #000 !important;
    }
    
    /* --- 1. ZUVERLÄSSIGES AUSBLENDEN ALLER UNNÖTIGEN ELEMENTE --- */
    header, /* Blendet den mobilen Header aus */
    footer,
    nav,
    aside,
    #sidebar,
    #sidebar-overlay,
    .no-print,
    main .lg\:col-span-1, /* Rechte Sidebar auf der Pflanzenseite */
    #theme-toggle,
    body > div.fixed, /* Cookie Banner */
    script, /* Verhindert, dass Skripte gedruckt werden */
    form  /* Blendet das E-Mail-Formular aus */
    {
        display: none !important;
    }

    /* --- 2. LAYOUT FÜR DEN SICHTBAREN INHALT ZURÜCKSETZEN --- */
    body, .md\:ml-64, main {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        float: none !important;
    }


    /* --- 3. STRUKTUR DER PFLANZENSEITE (Datenblatt-Stil) --- */
    .p-8.md\:p-10.mb-10 { /* Header-Bereich */
        padding: 0 0 1cm 0 !important;
        margin-bottom: 1cm !important;
        border-bottom: 1px solid #ccc;
        page-break-inside: avoid;
    }
    .md\:w-48.h-48 { /* Pflanzenbild */
        float: right;
        width: 5cm !important;
        height: auto !important;
        margin-left: 0.8cm;
        margin-bottom: 0.5cm;
    }
    .md\:w-48.h-48 img {
        border: 1px solid #ccc !important;
        padding: 2px;
    }
    h1 {
        font-size: 26pt;
        line-height: 1.2;
    }

    /* Metadaten (Status, Saison etc.) */
    .mt-4.flex, .mt-6.flex {
        display: block !important;
        margin-top: 0.8cm !important;
    }
    .mt-4.flex a, .mt-6.flex > div {
        display: block !important;
        margin-bottom: 5px;
        font-family: 'Helvetica', 'Arial', sans-serif;
    }
    .mt-4.flex a:before, .mt-6.flex > div:before {
        content: attr(title) ": ";
        font-weight: bold;
        display: inline-block;
        width: 120px; /* Feste Breite für die Beschriftung */
    }
    .mt-4.flex a:before { content: "Kategorie: "; }
    .mt-6.flex div .material-icons { display: none !important; }
    
    /* Korrekte Anzeige des Futterstatus */
    .flex.items-center.gap-2[title="Futterstatus"] span.inline-flex {
        display: inline !important;
        border: 1px solid #ccc !important;
        padding: 1px 5px !important;
        font-size: 10pt;
        font-weight: normal;
        vertical-align: middle;
    }
    .mt-6.flex > div span.font-semibold {
        display: inline !important;
        font-weight: normal !important;
    }

    /* Warnhinweis */
    .warnhinweis-box {
        page-break-inside: avoid;
        border: 1px solid #000 !important;
        padding: 0.5cm !important;
        margin: 1cm 0 !important;
    }
    .warnhinweis-box h4 {
        font-size: 12pt;
        margin: 0 0 5px 0;
    }
    .warnhinweis-box .material-icons { display: none !important; }

    /* Fließtext */
    .prose {
        max-width: 100% !important;
        text-align: justify;
    }
    .prose h2, .prose h3 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 2px;
        margin-top: 1cm;
        margin-bottom: 0.5cm;
    }
    
    /* QR-Code am Ende der Seite */
    #print-qr-code {
        display: block !important;
        page-break-before: always;
        text-align: center;
        border-top: 1px solid #ccc;
        padding-top: 1cm;
        margin-top: 1cm;
    }
    #print-qr-code::after {
        content: attr(data-url);
        font-family: 'Courier New', Courier, monospace;
        font-size: 8pt;
        color: #555;
        margin-top: 5px;
    }
    #print-qr-code img {
        margin: 0 auto !important;
    }
}