/* =============================================
   TULOSTUS.CSS — Reseptin tulostus (@media print), tavoite: yksi A4
   ============================================= */

@page {
    size: A4;
    margin: 14mm 20mm;
}

@media print {
    /* Piilotetaan kaikki paitsi reseptimodaali */
    header, main.container, footer, #ehdotusModal, #kauppalistaModal,
    #kl-dialogi, #kl-valitsin, #closeBtn,
    .lisaa-kauppalistaan-btn, .tulosta-btn, .recipe-external-link,
    .recipeImageContainer {
        display: none !important;
    }

    html, body {
        background: #fff !important;
        color: #000 !important;
        overflow: visible !important;
        height: auto !important;
    }

    #recipeModal {
        position: static !important;
        display: block !important;
        background: none !important;
        backdrop-filter: none !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    #modalContent {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        background: #fff !important;
        color: #000 !important;
    }

    .recipeLayout { display: block; padding: 0 8mm; box-sizing: border-box; }

    .recipeText {
        position: relative;
        padding: 0 !important;
        font-family: 'Poppins', sans-serif;
        font-size: 9.5pt;
        line-height: 1.35;
    }
    .recipeText *, .recipeText ul li, .recipeText ol li { color: #000 !important; }

    /* Logo oikeaan yläkulmaan, kokonaan otsikon yläpuolelle */
    .print-logo {
        display: block;
        margin: 0 0 4mm auto;
        height: 16mm;
        width: auto;
    }

    /* Otsikko keskelle ylös, viiva alle */
    .recipeText h2 {
        font-family: 'Playfair Display', serif !important;
        font-size: 20pt !important;
        text-align: center;
        margin: 0 0 2mm !important;
        padding-bottom: 3mm;
        border-bottom: 1.5px solid #4a6741;
        color: #2f4a28 !important;
    }

    /* Reseptin tarjoaja ja annosmäärä keskelle otsikon alle */
    .recipeText h3.tarjoaja { text-align: center; margin: 0 0 2mm !important; }
    .annos-nappi, .annos-pika, .annos-palauta { display: none !important; }
    .recipeText li.skaalattu { border: none; padding: 0; margin-left: 0; }
    .servings-info {
        display: block;
        text-align: center;
        background: none !important;
        padding: 0;
        margin: 0 0 4mm;
        font-size: 9pt;
        font-weight: 400;
        font-style: italic;
    }

    /* Väliotsikot */
    .recipeText h3:not(.tarjoaja) {
        font-size: 9pt !important;
        letter-spacing: 1px;
        margin: 4mm 0 1.5mm !important;
        padding-bottom: 1px;
        border-bottom: 1px solid #bbb;
        color: #4a6741 !important;
    }

    .recipeText ul, .recipeText ol { margin: 0 !important; padding-left: 5mm !important; }
    .recipeText li { margin-bottom: 1mm !important; }

    /* Ainekset kahteen palstaan säästämään tilaa */
    .recipeText ul { columns: 2; column-gap: 8mm; }

    .extra-tip-box {
        background: none !important;
        border: 1px solid #bbb;
        border-left: 3px solid #f4a261;
        padding: 2mm 3mm;
        margin-top: 4mm !important;
        font-size: 8.5pt;
    }
    .recipeText .extra-tip-box h3 { border: none; margin: 0 0 1mm !important; }
    .recipeText .extra-tip-box ul { columns: 1; }

    li, .extra-tip-box { break-inside: avoid; }
    h2, h3 { break-after: avoid; }
}