/* ==========================================================================
   print.css — regras @media print para o botão "Exportar PDF"
   Objetivo: manter a diagramação visual (cores, cards, ícones) fiel à tela,
   em formato A4, sem elementos de navegação.
   ========================================================================== */

@media print {
  @page {
    size: A4;
    margin: 14mm 12mm;
  }

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

  html, body {
    background: var(--white) !important;
    font-size: 11.5px;
  }

  /* Remove navegação e controles — não fazem sentido em papel */
  .sidebar,
  .btn-export,
  .mobile-topbar,
  .scroll-top,
  .lightbox,
  .gallery__zoom-hint,
  .wire-diagram-frame__hint,
  .wifi-toolbar,
  .wifi-header__back {
    display: none !important;
  }

  .wifi-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .wifi-event-block {
    break-inside: avoid-page;
  }

  body[data-print-scope="comicio"] .wifi-event-block:not([data-event-slug="comicio"]),
  body[data-print-scope="caminhada"] .wifi-event-block:not([data-event-slug="caminhada"]) {
    display: none !important;
  }

  .wire-diagram-frame {
    cursor: default;
  }

  .gallery,
  .wire-diagram-frame {
    break-inside: avoid-page;
  }

  .app-shell {
    display: block;
  }

  .content {
    width: 100%;
  }

  .hero {
    padding: 28px 8mm;
    break-after: page;
  }

  .hero__stats {
    grid-template-columns: repeat(4, 1fr);
  }

  .section {
    padding: 10mm 0;
    max-width: none;
    break-inside: avoid-page;
  }

  .subsection {
    break-inside: avoid-page;
  }

  .spec-grid,
  .stat-grid {
    break-inside: avoid-page;
  }

  .spec-card,
  .stat-card,
  .timeline__item,
  .checklist__item,
  table.data-table {
    break-inside: avoid;
  }

  h1, h2, h3 {
    break-after: avoid;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  /* Cada capítulo macro começa em página nova, exceto o primeiro (já veio da hero) */
  .section + .section {
    break-before: page;
  }

  .doc-footer {
    break-before: page;
  }
}