/* =============================================
   FINIT — Print Styles
   For planner PDF export and calculator printing
   ============================================= */

@media print {

  /* ── Global Resets ──────────────────────────── */
  *,
  *::before,
  *::after {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    background: #fff !important;
    color: #1b2a2a !important;
    font-size: 11pt !important;
    line-height: 1.5 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* ── Hide non-printable elements ────────────── */
  .calc-page-header,
  .calc-page-footer,
  .planner-steps,
  .planner-hero,
  .planner-nav-btns,
  .planner-resume-banner,
  .calc-lead-box,
  .calc-btn,
  .planner-export-btn,
  .dynamic-add-btn,
  .dynamic-row-remove,
  .planner-prev,
  .planner-next,
  nav,
  footer,
  .nav-hamburger,
  .nav-links {
    display: none !important;
  }

  /* ── Page Setup ─────────────────────────────── */
  @page {
    size: A4;
    margin: 1.5cm 2cm;
  }

  /* ── Planner Branded Header ─────────────────── */
  .planner-main::before {
    content: "התכנון הפיננסי שלי | עמית מויאל";
    display: block;
    text-align: center;
    font-size: 16pt;
    font-weight: 900;
    color: #071e36;
    padding-bottom: 0.5cm;
    margin-bottom: 0.5cm;
    border-bottom: 3px solid #0fb9a8;
  }

  .planner-main::after {
    content: "© עמית מויאל | מספר רישיון: 00136733 | הנתונים להמחשה בלבד ואינם מהווים ייעוץ פיננסי";
    display: block;
    text-align: center;
    font-size: 7pt;
    color: #999;
    margin-top: 1cm;
    padding-top: 0.3cm;
    border-top: 1px solid #ddd;
  }

  /* ── Show all panels for print ──────────────── */
  .planner-panel {
    display: block !important;
    page-break-inside: avoid;
    margin-bottom: 0.75cm;
  }

  .planner-main {
    background: none !important;
    padding: 0 !important;
  }

  .calc-page {
    background: #fff !important;
    min-height: auto !important;
  }

  /* ── Cards ──────────────────────────────────── */
  .calc-card {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-top: 3px solid #0fb9a8 !important;
    box-shadow: none !important;
    padding: 0.5cm !important;
    margin-bottom: 0.5cm !important;
    border-radius: 4px !important;
    page-break-inside: avoid;
  }

  .calc-title {
    color: #071e36 !important;
    font-size: 13pt !important;
    margin-bottom: 0.3cm !important;
  }

  .calc-desc {
    color: #555 !important;
    font-size: 9pt !important;
    margin-bottom: 0.3cm !important;
  }

  /* ── Result Rows ────────────────────────────── */
  .calc-result {
    background: #f8f9fa !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    padding: 0.3cm !important;
  }

  .result-row {
    border-color: #e8e8e8 !important;
  }

  .result-row--highlight {
    background: rgba(15, 185, 168, 0.08) !important;
    border-right: 3px solid #0fb9a8 !important;
  }

  .result-value {
    color: #071e36 !important;
    font-weight: 800 !important;
  }

  /* ── Snapshot Cards ─────────────────────────── */
  .planner-snapshot {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0.3cm !important;
  }

  .snapshot-card {
    background: #f4f7f9 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 0.3cm !important;
    text-align: center;
  }

  .snapshot-card.snapshot-positive {
    border-right: 3px solid #0fb9a8 !important;
  }

  .snapshot-value {
    color: #071e36 !important;
    font-size: 12pt !important;
    font-weight: 900 !important;
  }

  .snapshot-label {
    color: #666 !important;
    font-size: 8pt !important;
  }

  /* ── Charts — show at reasonable size ──────── */
  .calc-chart-wrap {
    page-break-inside: avoid;
    max-width: 100% !important;
    margin: 0.3cm 0 !important;
  }

  .calc-chart-wrap canvas {
    max-height: 200px !important;
  }

  /* ── Dynamic Rows (income/expenses/assets) ─── */
  .dynamic-section {
    margin-bottom: 0.3cm !important;
  }

  .dynamic-row {
    border-color: #e8e8e8 !important;
  }

  .dynamic-row input {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 9pt !important;
  }

  .dynamic-section-total {
    font-weight: 800 !important;
    color: #071e36 !important;
  }

  /* ── Insight Block ──────────────────────────── */
  .calc-insight {
    background: #f0f7f6 !important;
    border: 1px solid #d0e8e5 !important;
    border-right: 3px solid #0fb9a8 !important;
    color: #333 !important;
    page-break-inside: avoid;
  }

  /* ── Links ──────────────────────────────────── */
  a {
    color: #071e36 !important;
    text-decoration: none !important;
  }

  /* ── Calculator standalone page print ──────── */
  .calc-page-main {
    padding: 0 !important;
  }

  .calc-page-main .calc-card {
    max-width: 100% !important;
    border-top: 3px solid #0fb9a8 !important;
  }

  /* ── Planner — hide steps 1-4 inputs, show results only ── */
  /* On print, we show all panels but the user primarily wants results.
     Steps 1-4 show as compact summaries, step 5 is the main output. */
  #step-1 .calc-inputs,
  #step-2 .dynamic-add-btn,
  #step-3 .dynamic-add-btn,
  #step-4 .calc-inputs {
    /* Keep inputs visible as a record of what was entered */
  }

  /* ── Typography for print ──────────────────── */
  .planner-section-title {
    color: #071e36 !important;
    font-size: 12pt !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.15cm;
    margin-bottom: 0.3cm !important;
  }

  .calc-chart-title {
    color: #071e36 !important;
    font-weight: 700 !important;
  }
}