/* Recipe print stylesheet — only applied when printing */

@media print {
    /* Hide navigation, footer, modals, action buttons, sidebar, flash messages */
    #navbarWrapperTop,
    nav,
    footer,
    .modal,
    .modal-backdrop,
    .btn,
    .navbar,
    .snap-point-end,
    .alert,
    [data-controller="auto-enrichable-tag-list"] .card-header .d-flex,
    [data-controller="lightbox"],
    .no-print {
        display: none !important;
    }

    /* Reset body margins for print */
    body {
        margin: 0;
        padding: 0;
        font-family: Georgia, serif;
        font-size: 11pt;
        color: #000;
        background: #fff;
    }

    /* Remove container padding */
    .container-lg,
    .container {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Recipe title area */
    .recipe-view-compact > .d-flex:first-child {
        margin-bottom: 0.5cm;
    }

    h1 {
        font-size: 18pt;
        margin-bottom: 0.2cm;
    }

    /* Cards: remove shadows and rounded corners */
    .card {
        border: 1px solid #ccc !important;
        box-shadow: none !important;
        break-inside: avoid;
        margin-bottom: 0.3cm !important;
    }

    .card-header {
        background: #f0f0f0 !important;
        font-weight: bold;
        padding: 4px 8px !important;
    }

    .card-body {
        padding: 6px 8px !important;
    }

    /* Two-column layout for ingredients + steps */
    .row.g-3 {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 0.3cm;
    }

    .col-12.col-lg-4 {
        grid-column: 1;
    }

    .col-12.col-lg-8 {
        grid-column: 2;
    }

    /* Tags section */
    .badge {
        border: 1px solid #999 !important;
        background: transparent !important;
        color: #333 !important;
        padding: 1px 4px;
        font-size: 9pt;
    }

    /* Recipe image */
    .recipe-show-image {
        max-width: 8cm;
        max-height: 6cm;
        object-fit: cover;
    }

    /* Page break helpers */
    .snap-point {
        break-inside: avoid;
    }

    /* Ensure images are displayed */
    img {
        max-width: 100%;
    }

    /* Remove turbo-frame artifacts */
    turbo-frame {
        display: block;
    }
}