/* Print-specific styles for recipe pages */
@media print {
    /* Reset body styles */
    body {
        padding: 0 !important;
        margin: 0 !important;
        background: white !important;
        font-size: 10pt !important;
        line-height: 1.3 !important;
        color: #000 !important;
    }

    .print-recipe .seo-content {
        display: none !important;
    }

    /* Hide non-essential elements */
    header, footer, #preloader, button {
        display: none !important;
    }

    /* Main container */
    .print-recipe {
        font-size: 9pt;
        padding: 0 !important;
        background: none !important;

        .text-sm {
            font-size: 8pt !important;
        }

        .difficulty-rating-top {
            margin-top: 0 !important;
        }
    }

    .print-container {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Header section */
    .print-header {
        display: grid !important;
        grid-template-columns: 2fr 1fr !important;
        gap: 0.75rem !important;
        margin-bottom: 0.35rem !important;
        align-items: start !important;
    }

    .print-title {
        font-family: 'Merriweather', serif !important;
        font-size: 16pt !important;
        margin: 0 0 0.5rem !important;
        line-height: 1.2 !important;
    }

    .print-description {
        margin-bottom: 0.25rem !important;
        line-height: 1.2 !important;
    }

    .print-quick-info {
        display: flex !important;
        gap: 1rem !important;
        border: none !important;
        font-size: 8pt !important;
        color: #666 !important;
        margin-bottom: 0.35rem !important;
        margin-top: 1rem !important;
        padding: 0 !important;
        span, span.text-sm {
        font-size: 7pt !important;
        }
    }

    /* Recipe image */
    .print-image img {
        width: 100% !important;
        height: 130px !important;
        object-fit: cover !important;
    }

    /* Content section */
    .print-content {
        display: block !important;
        margin-top: 0.35rem !important;
    }

    /* Section titles */
    .print-section-title {
        margin: 0.35rem 0 0.15rem !important;
        padding-bottom: 0.1rem !important;
        border-bottom: 1px solid #000 !important;
    }
    
    h2 {
        font-family: 'Merriweather', serif !important;
        font-size: 12pt !important;
    }

    /* Ingredients */
    .print-ingredient-list {
        column-count: 2 !important;
        column-gap: 1.5rem !important;
        margin-bottom: 1rem !important;
    }

    .print-ingredient {
        display: flex !important;
        gap: 0.5rem !important;
        padding: 0.35rem 0 !important;
        background: none !important;
        break-inside: avoid !important;
        margin-top: 0.1rem !important;
        page-break-inside: avoid !important;
        box-shadow: none !important;
        border-bottom: 1px dotted #ddd !important;
    }

    .print-ingredient:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .print-ingredient-amount {
        min-width: 60px !important;
        flex-shrink: 0 !important;
    }

    .print-ingredient-details {
        white-space: normal !important;
        display: inline-block !important;

        .adjective:before {
            content: " - " !important;
        }

        .alternative:before {
            content: " (" !important;
        }

        .alternative:before {
            content: ")" !important;
        }
    }

    /* Instructions */
    .print-steps {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.75rem !important;
        margin-top: 0.25rem !important;
    }

    .print-step {
        display: flex !important;
        gap: 0.3rem !important;
        margin: 0 !important;
        padding: 0.35rem 0 !important;
        background: none !important;
        page-break-inside: avoid !important;
        border-bottom: 1px dotted #ddd !important;
        box-shadow: none !important;
    }

    .print-step:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .print-step-number {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #000 !important;
        color: white !important;
        width: 1.2rem !important;
        height: 1.2rem !important;
        font-size: 0.8rem !important;
        border-radius: 50% !important;
        margin-top: -0.1rem !important;
        flex-shrink: 0 !important;
    }

    .print-step-content {
        flex: 1 !important;
        padding-bottom: 0.25rem !important;
    }

    .print-step-title {
        font-weight: bold !important;
        margin-bottom: 0.1rem !important;
    }

    .print-step-text {
        margin: 0 !important;
        line-height: 1.3 !important;
    }

    /* Nutrition section */
    .print-nutrition {
        margin-top: 0.35rem !important;
        padding-top: 0.15rem !important;
        border-top: 1px solid #ccc !important;
    }

    .print-nutrition-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.25rem 0.75rem !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .print-nutrition-item {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.15rem !important;
        background: none !important;
        padding: 0 !important;
        min-width: 120px !important;
        font-size: 9pt !important;
    }

    .print-nutrition-label {
        min-width: 70px !important;
        font-size: 9pt !important;
        color: #666 !important;
    }

    .print-nutrition-label::after {
        content: ":" !important;
    }

    .print-nutrition-value {
        font-size: 9pt !important;
        font-weight: normal !important;
    }

    /* Categories and Tags Section */
    .print-categories {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.15rem 0.75rem !important;
        margin-top: 0.35rem !important;
        padding-top: 0.15rem !important;
        border-top: 1px solid #ccc !important;
        font-size: 9pt !important;

        h2 {
            border-bottom: none !important;
        }
    }

    .print-category-item {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.15rem !important;
        min-width: 120px !important;
    }

    .print-category-label {
        color: #666 !important;
        min-width: 70px !important;
    }

    .print-category-value {
        font-weight: normal !important;
    }

    /* Tags Section */
    .print-tags {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.25rem !important;
        margin-top: 0.35rem !important;
        padding-top: 0.15rem !important;
        border-top: 1px solid #ccc !important;

        .tags-list {
            margin-top: 0.6em;
            margin-left: 0.5em;
        }

        h2 {
            border-bottom: none !important;
        }
    }

    .print-tag {
        font-size: 8pt !important;
        color: #666 !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .print-tag:not(:last-child)::after {
        content: "," !important;
        margin-right: 0.25rem !important;
    }

    /* Grid Layout for Categories */
    .print-categories-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 0 !important;
        margin-top: 0.35rem !important;
    }

    .print-category-section {
        margin: 0 !important;
        padding: 0.15rem 0.5rem !important;
        background: none !important;
        break-inside: avoid !important;
        border-left: 1px dotted #ddd !important;
        border-radius: 0 !important;
    }

    .print-category-section:first-child {
        border-left: none !important;
    }

    .print-category-section h3 {
        font-size: 8pt !important;
        color: #666 !important;
        margin: 0 0 0.1rem 0 !important;
        white-space: nowrap !important;
    }

    .print-category-section .flex {
        display: inline !important;
        gap: 0 !important;
    }

    .print-category-section a {
        font-size: 9pt !important;
        color: #000 !important;
        background: none !important;
        padding: 0 !important;
        text-decoration: none !important;
    }

    .print-category-section a:not(:last-child)::after {
        content: ", " !important;
    }

    .print-category-link {
        display: inline !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 9pt !important;
        color: #000 !important;
        text-decoration: none !important;
    }

    /* Hide hover states and transitions in print */
    @media print {
        .print-category-section a:hover,
        .print-tag:hover {
            background: none !important;
            color: inherit !important;
        }
    }

    .saturated-fats li:before {
        content: "(" !important;
    }
    
    .saturated-fats {
        font-size: 9pt !important;
        margin-top: 0 !important;
    }

    .saturated-fats li:after {
        content: ")" !important;
    }

    /* Page settings */
    @page {
        margin: 1.2cm !important;
        size: A4;
    }
}