/* =========================================================
   Nitya & Aziz - print.css
   Turns the home page into a 1-event-per-page PDF.
   Linked with media="print" so it never affects the screen.
   ========================================================= */
@media print {
  @page { size: 210mm 297mm; margin: 0; }

  *, *::before, *::after {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  html, body { background: #fff !important; overflow: visible !important; }
  body { font-size: 11.5pt; }

  /* hide screen-only chrome */
  .nav, .sky, .particles, .hero__scroll, .footer { display: none !important; }
  .hero__mandala { opacity: 0.12 !important; animation: none !important; }

  /* reveal all animated content */
  .reveal { opacity: 1 !important; transform: none !important; }
  .tree .branch { stroke-dashoffset: 0 !important; transition: none !important; }
  .tree .leaf { transform: scale(1) !important; transition: none !important; }

  /* one section = one page, each with its own themed background */
  .hero, .section-head, .scene, #faq {
    min-height: 0 !important;
    height: 297mm;
    width: 100%;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14mm 14mm !important;
    break-after: page;
    page-break-after: always;
    break-inside: avoid;
    page-break-inside: avoid;
    background:
      radial-gradient(85% 52% at 50% 0%, color-mix(in srgb, var(--bg-3, #E6CB86) 38%, transparent), transparent 60%),
      linear-gradient(170deg, var(--bg-2, #F6ECD6), var(--bg-1, #FCF8EF) 72%, color-mix(in srgb, var(--bg-3, #E6CB86) 12%, transparent)) !important;
  }
  /* last page: keep FAQ to a single page (no trailing blank) */
  #faq { break-after: auto; page-break-after: auto; }
  #faq .band__title { font-size: 23pt; margin-bottom: 1mm; }
  #faq .label { margin-bottom: 0; }
  .faq { width: 172mm; }
  .faq__item summary { font-size: 13pt !important; padding: 2.6mm 8mm 2.6mm 0 !important; }
  .faq__item summary::after { font-size: 15pt; }
  .faq__a { font-size: 10.5pt !important; line-height: 1.45 !important; padding-bottom: 2.6mm !important; max-width: none; }

  /* hero cover */
  .hero__frame { inset: 9mm !important; }
  .hero__inner { max-width: 150mm; }

  /* event cards: drop backdrop-blur (Chromium can fail to paint it in PDF) + lighten shadow */
  .scene__card, .card, .nav, .modal__card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .scene__card { box-shadow: 0 2mm 6mm -3mm rgba(0,0,0,0.35) !important; width: 100%; max-width: 165mm; }
  .scene__ghost { opacity: 0.8; }

  /* schedule overview page */
  .glance { width: 150mm; }

  /* FAQ: show every answer */
  .faq { width: 165mm; }
  .faq__a { display: block !important; }
  .faq__item { break-inside: avoid; }
}