/* ==========================================================================
   BulbBrief — print.css
   A compact, readable room-plan printout. Loaded with media="print".
   Goal: a typical recommendation fits on one page; longer ones break onto a
   second page cleanly with no large blank areas.
   ========================================================================== */

@media print {
  @page { margin: 12mm; }

  :root { --bg: #fff; --bg-raised: #fff; --bg-sunk: #fff; }

  body { background: #fff; color: #000; font-size: 10.5pt; line-height: 1.35; }

  /* Hide everything that is not the plan, plus interactive / collapsed controls. */
  .site-header,
  .site-footer,
  .hero,
  .section,
  .calc,
  .result-sample,
  .result-actions,
  .retailer-row,
  .shop-section,
  .copy-flash,
  .skip-link,
  .advanced,
  details.why,
  .kelvin-strip,
  .result-body > .hint,
  .callout,
  .btn,
  .cta-band,
  summary {
    display: none !important;
  }

  /* Flatten the result card and let it start at the top of the page. */
  .results { display: block !important; margin: 0 !important; }
  .result-card,
  .result-head,
  .result-body,
  .card {
    box-shadow: none !important;
    border: 1px solid #999 !important;
    background: #fff !important;
    border-radius: 0 !important;
  }
  .result-head { background: #fff !important; padding: 10pt 12pt !important; }
  .result-body { padding: 10pt 12pt !important; }

  .room-name { font-size: 15pt; margin: 0 0 2pt; }
  .room-meta { font-size: 9.5pt; color: #333; margin: 0; }
  .shopping-sentence { font-size: 13.5pt; margin: 8pt 0 0; }
  .shopping-sentence strong { color: #000; text-decoration: underline; }

  /* Compact spec grid */
  .spec-grid { background: #fff !important; border: 1px solid #999; margin: 8pt 0 0 !important; gap: 0 !important; }
  .spec { border: 0.5pt solid #ccc; padding: 6pt 8pt !important; }
  .spec dt { font-size: 7pt !important; }
  .spec dd { font-size: 11pt !important; }
  .spec dd .sub { font-size: 7.5pt !important; }

  /* Supplemental, avoid, and safety blocks: keep together, tighten spacing */
  .sub-card, .avoid-card, .safety {
    border: 1px solid #999 !important;
    background: #fff !important;
    padding: 8pt 10pt !important;
    margin-top: 8pt !important;
    page-break-inside: avoid;
  }
  .sub-card h3, .avoid-card h3, .safety h3 { font-size: 11pt; margin: 0 0 4pt; }
  .sub-card p, .avoid-list li, .safety li { font-size: 9.5pt; margin-bottom: 2pt; }

  /* Keep CRI/dimmer one-liners that sit directly in the body (not the .hint ones) */
  .result-body > p { font-size: 9.5pt; margin: 6pt 0 0; }

  a[href]::after { content: ""; } /* don't clutter with URLs */

  /* Print-only footer line injected by app.js */
  .print-footer { display: block !important; margin-top: 10pt; font-size: 8pt; color: #555; }
}

/* Hidden on screen, shown in print */
.print-footer { display: none; }