/* === print.css === Mode impression PDF (?print) === Empile les slides clonées dans #print-root et les imprime à 1200×675, une slide par page, sans le transform de scale d'écran. Activé par la classe .printing posée sur par buildPrintDocument(), et par @media print pour page.pdf() de Playwright. Tout est vectoriel (texte + SVG) : le PDF est sélectionnable et net à tout zoom. */ #print-root { display: none; } /* Masque les commandes interactives inutiles dans un PDF : icônes de navigation (burger / accueil) du header et bouton « Consulter le rapport » de la couverture. Appliqué à l'aperçu écran (.printing) ET à l'export PDF (@media print). */ html.printing .header-icon-home, html.printing .header-icon-burger, html.printing .cover-cta { display: none !important; } /* Désactive le flou des blobs décoratifs à l'impression. filter: blur() force Chrome à rasteriser chaque blob en bitmap pleine page (≈16 Mo sur 57 pages + rendu lent à chaque changement de page dans le lecteur). Sans flou, les blobs restent des formes pastel discrètes, mais le PDF est bien plus léger et fluide. */ html.printing .lfc-blobs, html.printing .lfc-blob { filter: none !important; } /* Aplatit les 2 dégradés radiaux du fond #capsule (de discrètes teintes de coin) : en PDF ils deviennent des « shadings » recalculés sur CHAQUE page, ce qui double quasiment le temps de rendu d'une page dans le lecteur (~43 ms/page). background-image: none ne retire que les dégradés ; la couleur de fond (#fff) et les blobs restent. */ html.printing #capsule { background-image: none !important; } /* --- Aperçu écran (vérification hors PDF, ex. ouvrir ?print dans un navigateur) --- Pile grise centrée, chaque slide à l'échelle 1 (1200×675). */ html.printing { background: #2a2a2a; } html.printing body > *:not(#print-root) { display: none !important; } html.printing #print-root { display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 24px; } html.printing .print-page { width: 1200px; height: 675px; flex: 0 0 auto; position: relative; overflow: hidden; background: #fff; } html.printing .print-page #capsule { transform: none !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; } /* Note : les graphiques s'animent à l'affichage (état initial invisible). Leur état final est figé dans le DOM du clone par buildPrintDocument() (Web Animations API : finish + commitStyles + cancel), pas par une règle CSS. On ne force PAS les animations via CSS ici : des animations « actives » sur 57 pages font produire à Chrome un PDF vide (échec de rasterisation). */ /* --- Sortie PDF (page.pdf de Playwright, ou Ctrl+P) : 1 slide = 1 page 1200×675 --- */ @media print { @page { size: 1200px 675px; margin: 0; } /* Force l'impression des fonds/dégradés/blobs (sinon Chrome les omet). */ * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } html, body { width: 1200px; margin: 0 !important; padding: 0 !important; background: #fff !important; } html.printing { background: #fff; } body > *:not(#print-root) { display: none !important; } /* Commandes interactives inutiles dans le PDF (cf. règle .printing ci-dessus). */ .header-icon-home, .header-icon-burger, .cover-cta { display: none !important; } /* Pas de flou sur les blobs (cf. règle .printing ci-dessus) : PDF plus léger/fluide. */ .lfc-blobs, .lfc-blob { filter: none !important; } /* Aplatit les dégradés radiaux du fond (cf. règle .printing) : rendu de page ~2× plus rapide dans le lecteur. Garde la couleur de fond et les blobs. */ #capsule { background-image: none !important; } #print-root { display: block !important; padding: 0 !important; gap: 0 !important; background: #fff !important; } .print-page { width: 1200px; height: 675px; overflow: hidden; position: relative; background: #fff; page-break-after: always; break-after: page; } .print-page:last-child { page-break-after: auto; break-after: auto; } .print-page #capsule { transform: none !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; } }