/*
 * WRD FN9 Cutting Line - Print Stylesheet
 * =========================================
 * Premium product page designed for high-quality print output.
 * Preserves visual impact while optimizing for paper.
 * 
 * Print from Chrome: Background graphics ON, Scale 100%, Margins Default
 */

@media print {

    /* ============================================
     GLOBAL PRINT SETUP
     ============================================ */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    @page {
        size: letter portrait;
        margin: 0.4in;
    }

    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 10pt;
        line-height: 1.5;
        color: #1a1a1a;
    }


    /* ============================================
     HIDE WEB-ONLY ELEMENTS
     ============================================ */
    #wpadminbar,
    .page-head,
    .article-header,
    .full-width-header,
    header.page-head,
    footer,
    nav,
    .navbar,
    .header,
    .footer-site,
    .menu,
    .sidebar,
    .breadcrumb,
    .cta-buttons,
    .btn,
    button,
    .no-print {
        display: none !important;
    }

    /* Remove container constraints */
    .container,
    .card,
    .padded,
    #content,
    #main,
    #fn9-page {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        border: none !important;
        box-shadow: none !important;
    }


    /* ============================================
     HERO SECTION - FULL VISUAL IMPACT
     ============================================ */
    #fn9-page .fn9-hero {
        background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
        padding: 50pt 30pt 45pt 30pt !important;
        margin: 0 -30pt 30pt -30pt !important;
        width: calc(100% + 60pt) !important;
        border-bottom: 5pt solid #f68b1f !important;
        text-align: center;
        page-break-after: avoid;
        position: relative;
    }

    /* Decorative accent line */
    #fn9-page .fn9-hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100pt;
        height: 3pt;
        background: #f68b1f !important;
    }

    #fn9-page .hero-kicker {
        display: block !important;
        color: #f68b1f !important;
        font-size: 9pt;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 3pt;
        margin-bottom: 12pt;
    }

    #fn9-page .fn9-main-title {
        font-size: 36pt !important;
        font-weight: 800 !important;
        color: #ffffff !important;
        margin: 0 0 15pt 0 !important;
        letter-spacing: -0.5pt;
        line-height: 1.1;
    }

    #fn9-page .fn9-subtitle {
        font-size: 11pt !important;
        color: #b0b0b0 !important;
        max-width: 400pt !important;
        margin: 0 auto !important;
        line-height: 1.6;
        font-weight: 300;
    }


    /* ============================================
     FEATURE SECTIONS - MAGAZINE LAYOUT
     ============================================ */
    #fn9-page .feature-comparison-section {
        margin: 0;
        padding: 0;
    }

    #fn9-page .feature-row {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 0 !important;
        padding: 30pt 0 !important;
        border-bottom: 0.5pt solid #e0e0e0;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    #fn9-page .feature-row:last-child {
        border-bottom: none;
    }

    /* Reset Bootstrap grid for print */
    #fn9-page .feature-row .col-sm-6 {
        width: 50% !important;
        float: left !important;
        left: auto !important;
        right: auto !important;
        position: relative !important;
        padding: 0 15pt !important;
        box-sizing: border-box !important;
    }

    /* Reset push/pull classes */
    #fn9-page .feature-row .col-sm-push-6 {
        left: 0 !important;
    }

    #fn9-page .feature-row .col-sm-pull-6 {
        right: 0 !important;
    }

    /* Alternate layout: text on left, image on right */
    #fn9-page .feature-row:nth-child(odd) .col-sm-6:first-child {
        order: 2;
    }

    #fn9-page .feature-row:nth-child(odd) .col-sm-6:last-child {
        order: 1;
    }

    /* Even rows: image on left, text on right (natural order) */
    #fn9-page .feature-row:nth-child(even) .col-sm-6:first-child {
        order: 1;
    }

    #fn9-page .feature-row:nth-child(even) .col-sm-6:last-child {
        order: 2;
    }


    /* ============================================
     FEATURE IMAGES - FULL QUALITY
     ============================================ */
    #fn9-page .feature-image-placeholder {
        background: #f8f8f8 !important;
        border-radius: 6pt;
        padding: 8pt;
        min-height: auto;
    }

    #fn9-page .feature-image {
        width: 100% !important;
        max-width: 100%;
        height: auto;
        border-radius: 4pt;
        display: block;
        /* Add subtle shadow for depth */
        box-shadow: 0 2pt 8pt rgba(0, 0, 0, 0.08);
    }


    /* ============================================
     FEATURE CONTENT - TYPOGRAPHY
     ============================================ */
    #fn9-page .feature-content {
        padding: 10pt 0 10pt 20pt;
    }

    #fn9-page .feature-row:nth-child(even) .feature-content {
        padding: 10pt 20pt 10pt 0;
    }

    #fn9-page .feature-title {
        font-size: 18pt !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
        margin: 0 0 10pt 0 !important;
        line-height: 1.2;
        display: block !important;
    }

    /* Stylish badge */
    #fn9-page .improvement-badge {
        display: inline-block !important;
        background: linear-gradient(135deg, #f68b1f 0%, #e07b0f 100%) !important;
        color: #fff !important;
        padding: 4pt 10pt;
        font-size: 7pt;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.8pt;
        margin-bottom: 12pt;
        border-radius: 2pt;
    }

    #fn9-page .improvement-badge i {
        margin-right: 4pt;
    }

    #fn9-page .feature-description {
        font-size: 10pt !important;
        line-height: 1.6 !important;
        color: #444 !important;
        margin: 0 !important;
    }


    /* ============================================
     CTA SECTION - PREMIUM FOOTER
     ============================================ */
    #fn9-page .comparison-cta-section {
        background: linear-gradient(135deg, #d75917 0%, #c04a10 100%) !important;
        margin: 30pt -30pt 0 -30pt !important;
        width: calc(100% + 60pt) !important;
        padding: 35pt 30pt !important;
        text-align: center;
        page-break-inside: avoid;
        position: relative;
    }

    /* Decorative element */
    #fn9-page .comparison-cta-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 60pt;
        height: 3pt;
        background: rgba(255, 255, 255, 0.5) !important;
    }

    #fn9-page .comparison-cta-section h2 {
        font-size: 20pt !important;
        font-weight: 700 !important;
        color: #fff !important;
        margin: 0 0 8pt 0 !important;
        letter-spacing: 0.5pt;
    }

    #fn9-page .comparison-cta-section .cta-subtitle {
        font-size: 11pt !important;
        color: rgba(255, 255, 255, 0.9) !important;
        margin: 0 !important;
        font-weight: 300;
    }


    /* ============================================
     PAGE FLOW & BREAKS
     ============================================ */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
        orphans: 3;
        widows: 3;
    }

    p,
    li {
        orphans: 2;
        widows: 2;
    }

    /* Keep first two features on page 1 with hero */
    #fn9-page .feature-row:nth-child(1),
    #fn9-page .feature-row:nth-child(2) {
        page-break-before: avoid;
    }

    /* Allow page break before 3rd feature */
    #fn9-page .feature-row:nth-child(3) {
        page-break-before: auto;
    }


    /* ============================================
     LINKS - CLEAN OUTPUT
     ============================================ */
    a {
        color: #1a1a1a;
        text-decoration: none;
    }

    /* Don't print URLs for internal links */
    a[href^="#"]::after {
        content: "";
    }


    /* ============================================
     PRINT HEADER (Optional branded header)
     ============================================ */
    /* Uncomment to add a subtle branded header
    #fn9-page::before {
        content: "WRD | Spider Line FN9";
        display: block;
        font-size: 8pt;
        color: #999;
        text-transform: uppercase;
        letter-spacing: 2pt;
        padding-bottom: 10pt;
        margin-bottom: 10pt;
        border-bottom: 0.5pt solid #e0e0e0;
    }
    */

}