/* ─────────────────────────────────────────────────────────────────
   print.css — estilo para impresión / exportación a PDF.
   Cargado siempre, pero las reglas viven dentro de @media print.
   Objetivo: cualquier pestaña del OS imprime como un documento
   editorial limpio (Singolare se vende a sí misma como marca premium —
   el material impreso debe estar a la altura).
   ───────────────────────────────────────────────────────────────── */

@media print {

  /* Forzamos colores reales — sin esto los browsers desaturan los fondos
     teal / terracotta / amber del producto y rompen la lectura.          */
  *, *::before, *::after {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
  }

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

  html, body {
    background: #FFFFFF !important;
    color: var(--color-ink);
    font-size: 11pt;
  }

  /* ─── Esconder UI chrome ─── */
  .tabs,
  .header__print,
  .cmdk-trigger,
  .cmdk,
  .drawer,
  .drawer-backdrop,
  .footer {
    display: none !important;
  }

  /* Header sólo deja el brand + edición/fecha — sin botones */
  .header {
    border-bottom: 1px solid var(--color-line-strong);
    padding-bottom: 8mm;
    margin-bottom: 6mm;
  }
  .header__inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
  }

  /* Cada panel oculto se queda oculto; el visible se imprime */
  [data-tab-panel][aria-hidden="true"] { display: none !important; }
  [data-tab-panel][aria-hidden="false"] { display: block !important; }

  /* ─── Saltos de página ─── */
  /* Sección no se parte si cabe en una página */
  .section,
  .hero,
  .lectura,
  .kpi-grid,
  .section--calendar,
  .section--lookbook {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* Encabezados nunca quedan huérfanos en el final de página */
  h1, h2, h3, h4 {
    break-after: avoid;
    page-break-after: avoid;
  }

  /* Calendario: ocupa toda la página, con respiración */
  .section--calendar {
    break-after: page;
    page-break-after: always;
  }

  /* Lookbook: imprime más cards por página, controla el alto del card */
  .lookbook-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6mm 4mm !important;
  }
  .lookbook-card {
    break-inside: avoid;
    page-break-inside: avoid;
    transform: none !important;
  }
  .lookbook-card__foto img {
    transform: none !important;
  }
  /* Hacer el lookbook empezar página propia para no mezclarse con análisis */
  .section--lookbook { break-before: page; page-break-before: always; }

  /* Drawer no se imprime (sería una vista parcial) — y también el botón
     "Mostrar más" del lookbook */
  .lookbook-loadmore,
  .sku-load-more,
  .cmdk-trigger,
  [data-cmdk-trigger] { display: none !important; }

  /* Tablas grandes deja la cabecera repetida en cada página */
  .tbl-sku thead, table thead {
    display: table-header-group;
  }
  .tbl-sku tbody tr,
  .tbl-sku tr,
  .lookbook-card,
  .decision-card {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* Hover/animaciones desactivadas en print */
  .lookbook-card:hover,
  .decision-card__item:hover,
  .cal__phase:hover { transform: none !important; box-shadow: none !important; filter: none !important; }

  /* Links sin subrayado distractor */
  a, a:visited { color: var(--color-ink); text-decoration: none; }

  /* Width: ignorar layout fluid, dejar full-width en hoja */
  .app, .main, .header__inner, .tabs__inner {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Ajustes editoriales para fuentes en print */
  .section__title, .hero h1 { font-size: 28pt !important; line-height: 1.1; }
  .section__hint { font-size: 10pt !important; }
  .eyebrow { font-size: 9pt !important; }
  .meta, .footnote { font-size: 9pt !important; }

  /* Chips & pills mantienen color de tone */
  .chip, .lookbook-chip, .lookbook-card__pill {
    border: 1px solid currentColor !important;
  }

  /* Heatmap: forzar visibilidad de tonos por celda */
  .hm__cell { border: 1px solid var(--color-line-strong); }

  /* Calendario: que las fases impriman su color */
  .cal__phase, .cal__phase-label { color: inherit; }
  .cal__today-flag { background: var(--color-singolare) !important; color: #FFFFFF !important; }
  .cal__today-line { background: var(--color-singolare) !important; }

  /* Footer pie de página con paginación auto del browser */
  /* Singolare OS · Mockup demo en cabecera del documento — el browser
     puede insertar fecha/url automáticamente vía la UI de print, no lo
     forzamos para que la GG controle el header desde su diálogo print.  */
}