/* ============================================================
   BCal Energy · SJSU · print.css
   Optimized for letter-size and A4 printing of the preliminary
   term sheet. Strips chrome, expands hidden waterfall bars,
   removes animation gates, breaks pages on section boundaries.
   ============================================================ */

@page {
  size: letter;
  margin: 0.6in 0.55in 0.7in 0.55in;
}

/* Reset background to white-on-black for ink economy */
html, body {
  background: #ffffff !important;
  color: #000000 !important;
  font-size: 10.5pt !important;
  line-height: 1.45 !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* Hide non-essential UI chrome */
.topbar,
.scroll-dots,
.book-fab,
.live-chip,
.live-dot,
.hero-particles,
canvas,
.mix-toggle,
.slider-row,
.cpra-progress-card button,
.btn,
nav,
.cta-row,
#sitewalk .cta-btn-large,
.cta-btn-large {
  display: none !important;
}

/* Convert dark sections to light */
.countdown-band,
.scope1-section,
.site-walk-cta,
.footer,
.wf-row.total {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000 !important;
}
.countdown-band .label,
.countdown-band .value,
.countdown-band .value em,
.scope1-section *,
.scope1-section .display em,
.footer * {
  color: #000 !important;
}

/* Generous section breaks */
section {
  page-break-inside: avoid;
  break-inside: avoid;
  padding: 18pt 0 !important;
}
section + section {
  page-break-before: auto;
}
#eir, #timeline, #economics, #scope1, #cpra, #next, #nda {
  page-break-before: always;
}

/* Headings tighten */
h1, h2, h3, h4 { color: #000 !important; page-break-after: avoid; }
.display em, .display i { color: #000 !important; font-style: italic; }
.hero h1.display { font-size: 32pt !important; max-width: none; }
.section-head h2 { font-size: 22pt !important; }
.pullquote { font-size: 20pt !important; max-width: none !important; }
.pillar h3, .path-card h3, .phase-row .year-block .yr { font-size: 16pt !important; }
.scope1-big { font-size: 48pt !important; }

/* Cards: thin black border, no shadow */
.pain-card, .pillar, .diff-card, .step-card,
.nda-card, .path-card, .ops-card, .tl-node,
.cpra-progress-card, .cpra-item, .lcoe-canvas-wrap,
.compare-row .stack {
  background: #ffffff !important;
  border: 0.5pt solid #000 !important;
  box-shadow: none !important;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* Force fade-up elements visible regardless of scroll position */
.fade-up { opacity: 1 !important; transform: none !important; }

/* Expand waterfall bars to their target widths for print */
.wf-row {
  opacity: 1 !important;
  transform: none !important;
  background: #ffffff !important;
  border: 0.5pt solid #000 !important;
  color: #000 !important;
  grid-template-columns: 1fr 90pt !important;
  page-break-inside: avoid;
}
.wf-row .bar-track { display: none !important; }
.wf-row.subtotal { background: #f3f3f3 !important; }
.wf-row.total { background: #e8e8e8 !important; color: #000 !important; font-weight: 700; }
.wf-row.deduct .amt { color: #000 !important; font-weight: 600; }

/* Compare bars: show widths even without JS */
.compare-row .seg {
  width: auto !important;
  flex: 1 1 0;
  color: #000 !important;
  background: transparent !important;
  border-right: 0.5pt solid #888;
  font-size: 8pt !important;
}
.compare-row .seg:last-child { border-right: none; }

/* Timeline horizontal -> vertical for print */
.timeline-track {
  grid-auto-flow: row !important;
  overflow: visible !important;
  gap: 10pt !important;
  padding: 0 !important;
}
.tl-node {
  min-width: 0 !important;
  padding: 12pt 14pt !important;
}

/* Scope 1 progress + nox stays visible */
.scope1-step {
  border: 0.5pt solid #000 !important;
  background: #fff !important;
}
.scope1-step .year, .scope1-step .num, .scope1-step .lbl,
.scope1-cumulative, .scope1-nox * {
  color: #000 !important;
}
.scope1-cumulative {
  background: #f6f6f6 !important;
  border: 0.5pt solid #000 !important;
}

/* Print header with page numbers (compatible browsers) */
@page :first {
  margin-top: 0.4in;
}

/* Footer brand strip */
.footer .legal { border-top: 0.5pt solid #000 !important; color: #000 !important; }

/* Disable hover-only tooltips on print */
.scroll-dots a::after { display: none !important; }

/* Chips become small inline tags */
.chip {
  background: #ffffff !important;
  border: 0.5pt solid #888 !important;
  color: #000 !important;
  padding: 2pt 6pt !important;
  font-size: 8pt !important;
}

/* Tighten hero stats */
.hero-stats {
  grid-template-columns: repeat(3, 1fr) !important;
  border-top: 0.5pt solid #000 !important;
  padding-top: 10pt !important;
}
.hero-stats .stat-num { font-size: 18pt !important; }

/* Link styling for print: include URL after external links */
a[href^="http"]::after,
a[href^="mailto:"]::after {
  content: " (" attr(href) ")";
  font-size: 8pt;
  color: #555;
}

/* Hide active dot state */
.scroll-dots a.active { background: transparent !important; }

/* Force a friendly URL footer on every page */
body::after {
  content: "qualify.bcalenergy.com/sjsu · Confidential — for SJSU internal evaluation";
  display: block;
  font-size: 7pt;
  color: #555;
  text-align: center;
  margin-top: 12pt;
}