/* ---------------------------------------------------------------------------
   Lead Capsule (v2 theme) -- print stylesheet
   The v1 LeadCapsuleWeb theme ships a print.css; this keeps the v2 theme to
   the same standard. Drops navigation and decorative chrome, flattens the dark
   marketing bands so they do not print as solid ink, and exposes link targets.
   --------------------------------------------------------------------------- */

@page { margin: 1.6cm; }

body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt;
    line-height: 1.45;
}

/* Chrome with no meaning on paper */
.site-header,
.site-footer .footer-social,
#siteNavigation,
.nav-cta,
.hero-actions,
.hero-visual,
.device-card,
.card-float,
.btn {
    display: none !important;
}

/* Dark marketing bands print as plain paper */
.hero,
.cta-band,
.logo-strip,
.section.alt,
.page-hero,
.testimonial,
.cms-body {
    background: none !important;
    color: #000 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.hero *,
.cta-band *,
.testimonial * {
    color: #000 !important;
    text-shadow: none !important;
}

/* Single column, full width */
.wrap,
.section,
.cms-content {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.steps-grid,
.features-grid,
.pricing-grid,
.audience-grid,
.footer-grid {
    display: block !important;
}

.step-card,
.feature-card,
.price-card,
.card {
    border: 1px solid #999 !important;
    box-shadow: none !important;
    page-break-inside: avoid;
    margin: 0 0 8pt !important;
    padding: 8pt !important;
}

h1, h2, h3, h4 { page-break-after: avoid; color: #000 !important; }
h1 { font-size: 18pt; }
h2 { font-size: 15pt; }
h3 { font-size: 12.5pt; }

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

img { max-width: 100% !important; page-break-inside: avoid; }

a { color: #000 !important; text-decoration: underline; }
a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; word-break: break-all; }
a[href^="#"]::after,
a[href^="javascript:"]::after { content: ""; }

/* The comparison table is the main thing anyone would actually print */
table,
.compare-table { border-collapse: collapse !important; page-break-inside: auto; width: 100% !important; }
th, td { border: 1px solid #999 !important; padding: 4pt 6pt !important; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }