/* ============================================================
   PRINT.CSS — A4 landscape 4x2 grid print layout
   Used by: spelltome, monsters, wildshape, magic-items
   ============================================================ */

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Hide everything except print output */
  body > *:not(#print-output) {
    display: none !important;
  }

  #print-output {
    display: block !important;
  }

  @page {
    size: A4 landscape;
    margin: 0;
  }

  /* ── PRINT PAGE GRID ─────────────────────────────────────────── */
  .print-page {
    page-break-after: always;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-template-rows: repeat(2, 1fr) !important;
    gap: 3mm !important;
    padding: 8mm !important;
    width: 297mm !important;
    height: 210mm !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .print-page:last-child {
    page-break-after: avoid;
  }

  /* ── SPELL CARDS IN PRINT ────────────────────────────────────── */
  .print-page .spell-card {
    page-break-inside: avoid !important;
    border-radius: 4px !important;
    font-size: 0.58rem !important;
    border: 1px solid #ddd !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .print-page .spell-card .select-indicator { display: none !important; }
  .print-page .spell-card .card-header      { padding: 4px 6px !important; min-height: 28px !important; gap: 4px !important; }
  .print-page .spell-card .card-school-icon { width: 20px !important; height: 20px !important; }
  .print-page .spell-card .card-title       { font-size: 0.58rem !important; }
  .print-page .spell-card .card-level       { font-size: 0.55rem !important; padding-right: 3px !important; }
  .print-page .spell-card .stat-label       { min-width: 36px !important; font-size: 0.52rem !important; }
  .print-page .spell-card .stat-value       { font-size: 0.56rem !important; }
  .print-page .spell-card .class-item       { font-size: 0.48rem !important; }
  .print-page .spell-card .card-stats       { padding: 3px 6px 2px !important; }
  .print-page .spell-card .card-components  { padding: 2px 6px !important; gap: 3px !important; }
  .print-page .spell-card .component-icon   { width: 13px !important; height: 13px !important; }
  .print-page .spell-card .component-icon svg { width: 11px !important; height: 11px !important; }
  .print-page .spell-card .badge            { font-size: 0.42rem !important; padding: 1px 3px !important; }
  .print-page .spell-card .card-flavor      { font-size: 0.52rem !important; padding: 2px 6px !important; }
  .print-page .spell-card .card-description { font-size: 0.52rem !important; padding: 2px 6px !important; line-height: 1.3 !important; flex: 1 !important; overflow: hidden !important; }
  .print-page .spell-card .higher-levels    { font-size: 0.48rem !important; }
  .print-page .spell-card .card-source      { font-size: 0.46rem !important; padding: 2px 6px 4px !important; }

  /* ── MAGIC ITEM CARDS IN PRINT ───────────────────────────────── */
  .print-page .item-card {
    border-radius: 4px !important;
    font-size: 0.52rem !important;
  }

  .print-page .item-card .card-name    { font-size: 0.58rem !important; }
  .print-page .item-card .card-header  { padding: 5px 7px !important; }
  .print-page .item-card .item-icon    { font-size: 1rem !important; }
  .print-page .item-card .rarity-badge { font-size: 0.44rem !important; }
  .print-page .item-card .tag          { font-size: 0.4rem !important; }
  .print-page .item-card .card-desc    { font-size: 0.5rem !important; padding: 3px 7px 5px !important; line-height: 1.3 !important; }
  .print-page .item-card .select-indicator { display: none !important; }

  /* ── MONSTER / BEAST CARDS IN PRINT ─────────────────────────── */
  .print-page .mon-card,
  .print-page .beast-card {
    border-radius: 4px !important;
    font-size: 0.52rem !important;
  }
}