/* 
 * Print Stylesheet for Crochetovia 
 * Designed to save ink and provide a clean, readable pattern on paper.
 */

@media print {
    /* Hide Everything Not Needed for Printing */
    .site-header,
    .site-footer,
    .pattern-sidebar,
    .mobile-utility-bar,
    .jump-bar,
    .pin-gallery,
    .related-patterns,
    .email-capture-box,
    .author-box,
    .ad-slot,
    .editorial-credit,
    .accessibility-tools,
    .step-card:hover {
        display: none !important;
    }

    /* Reset Colors and Backgrounds for Ink Saving */
    body, html, .site-content, .pattern-main-area, .single-pattern, .step-card, .step-card__body, .step-card__media, .editorial-box {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Simplify Hero Section */
    .premium-hero {
        background: none !important;
        min-height: auto !important;
        padding: 0 !important;
        display: block !important;
    }
    .premium-hero .glass-card {
        background: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        text-align: left !important;
        max-width: 100% !important;
    }
    .premium-hero h1 {
        font-size: 24pt !important;
        color: #000 !important;
        margin-bottom: 0.5rem !important;
    }

    /* Typography Adjustments */
    body {
        font-size: 12pt !important;
        line-height: 1.5 !important;
    }
    h2, h3, h4 {
        color: #000 !important;
        page-break-after: avoid;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid;
    }

    /* Fix Layout Spacing */
    .pattern-layout {
        margin-top: 0 !important;
        gap: 0 !important;
        display: block !important;
    }
    .quick-stats-bar {
        border: 1px solid #ccc !important;
        padding: 1rem !important;
        margin-bottom: 2rem !important;
    }

    /* Step Cards Reformatting */
    .steps-container {
        display: block !important;
    }
    .step-card {
        display: block !important;
        page-break-inside: avoid;
        border-bottom: 1px dashed #ccc !important;
        padding-bottom: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .step-card__media {
        padding: 0 !important;
        margin-top: 1rem !important;
    }
    .step-card__media img {
        max-height: 300px !important;
        object-fit: contain !important;
    }
    
    /* Ensure tables print well */
    table {
        border-collapse: collapse !important;
        width: 100% !important;
    }
    th, td {
        border: 1px solid #ccc !important;
        padding: 8px !important;
    }
}