/* ==========================================================================
   DoCalc — print.css
   Loaded with media="print" on every calculator/utility page. Hides site
   chrome (nav/footer/ads/feedback/sidebar) and flattens the dark result
   panel to plain black-on-white so a printed page is just the inputs and
   the result, not a wall of dark background.
   ========================================================================== */

@media print {
  .site-header, .site-footer, .breadcrumb, .skip-link,
  .ad-slot, .feedback-widget, .calc-ads-col,
  .search-modal-overlay, .currency-modal-overlay, .bookmark-toast, .consent-banner,
  .nav-toggle, .result-copy, .print-result-btn, .result-actions,
  .result-toolbar, .result-tools-panel,
  .compare-toggle-wrap, .compare-panel,
  /* The educational article (formula, examples, FAQ, related calculators)
     — printing "the calculator and its result" means everything below the
     calc-shell stays off the page, not just the action buttons within it. */
  .section {
    display: none !important;
  }

  body { background: #fff; color: #000; }

  .calc-shell {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px;
    padding: 0;
  }

  .calc-panel, .result-panel {
    border: 1px solid #999 !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #000 !important;
    break-inside: avoid;
  }

  .result-panel .result-label,
  .result-sub,
  .result-breakdown,
  .result-breakdown span,
  .benchmark-labels {
    color: #333 !important;
  }

  .result-primary { color: #000 !important; }

  .result-status {
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
  .result-status.good { background: #e6f7ec !important; color: #15803d !important; }
  .result-status.warn { background: #fff7e0 !important; color: #a16207 !important; }
  .result-status.bad  { background: #fdeaea !important; color: #b91c1c !important; }

  .result-breakdown { border-top-color: #ccc !important; }
  .benchmark-bar { background: #e5e5e5 !important; }
  .benchmark-fill { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

  .calc-input, .calc-select {
    border: 1px solid #ccc !important; background: #fff !important; color: #000 !important;
  }

  .result-cheque-text { background: #fff !important; border: 1px solid #ccc !important; color: #000 !important; }

  a { color: #000 !important; text-decoration: none !important; }

  @page { margin: 1.5cm; }
}