/* ==========================================================================
   食谱看板 A4 打印（Ctrl+P / 另存为 PDF）
   5 页：抗炎原理 / 早餐 / 午餐 / 晚餐 / 食材采购清单
   ========================================================================== */

@page {
  size: A4 portrait;
  margin: 6mm;
}

@media print {
  .site-header,
  .nav-tabs,
  .btn-export-a4,
  .meal-filter-chips,
  .section-title-bar,
  .m3-btn-tonal,
  .no-print,
  .no-print-export,
  .modal-overlay,
  .grocery-view,
  .guide-view,
  .principles-view,
  .grocery-toolbar-m3,
  .grocery-checklist-panel {
    display: none !important;
  }

  body {
    background: #ffffff !important;
    color: #191c1a !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .main-content {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #viewPlanner {
    display: block !important;
  }

  .no-screen,
  #a4GroceryPage,
  #a4PrinciplesPage {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    left: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  .a4-meal-page,
  #a4GroceryPage,
  #a4PrinciplesPage {
    break-after: page;
    page-break-after: always;
    break-inside: avoid;
    page-break-inside: avoid;
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  #a4GroceryPage {
    break-after: auto;
    page-break-after: auto;
  }

  .a4-grocery-grid,
  .a4-grocery-grid.cols-6 {
    width: 100% !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 4px !important;
  }

  .a4-grocery-img {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    width: 100% !important;
  }

  .a4-grocery-name {
    font-size: 16px !important;
  }

  .a4-grocery-amount {
    font-size: 15px !important;
  }

  .a4-grocery-note {
    font-size: 14px !important;
  }

  .a4-grocery-section-head {
    font-size: 16px !important;
  }

  .a4-grocery-footer {
    font-size: 12px !important;
  }

  .a4-principle-img {
    height: 72px !important;
    min-height: 72px !important;
  }

  .a4-principle-caption {
    font-size: 14px !important;
  }

  .a4-principle-grid.cols-5 {
    grid-template-columns: repeat(5, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 5px 7px !important;
  }

  .a4-compact-image {
    height: 72px !important;
  }

  .plate-image-box img,
  .a4-grocery-img img {
    object-fit: cover !important;
    object-position: center !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .member-plate-card,
  .a4-grocery-item {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}