/* --------- PRINT BASE --------- */
@media print {
  /* Blanc propre, typo lisible */
  html, body {
    background: #fff !important;
    color: #000 !important;
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
    font: 12pt/1.4 "Exo2-Regular", system-ui, Arial, sans-serif;
  }

  /* Masquer l’entête fixe, menus, CTA, éléments décoratifs */
  .topbar_desktop,
  .area_wide_menu,
  .area_ham,
  .mmenu_layer,
  .mmenu_open,
  .mmenu_close,
  .cta_start,
  .view_more_tools,
  .copybt,
  .toolitem { display: none !important; }

  /* Classes utilitaires */
  .no-print { display: none !important; }
  .print-only { display: block !important; }

  /* Conteneur principal plein largeur raisonnable */
  .page_inner {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    padding: 0 !important;
  }

  /* Liens : montrer l’URL (utile en PDF) */
  a[href^="http"]:after {
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 90%;
  }
  /* Mais pas pour les ancres internes, boutons, faux liens */
  a[href^="#"]:after,
  a[role="button"]:after { content: ""; }

  /* Images fluides */
  img, svg { max-width: 100% !important; height: auto !important; }

  /* Neutraliser animations, flous, arrières-plans translucides */
  * {
    animation: none !important;
    transition: none !important;
    filter: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  /* Sauts de page maîtrisés */
  .page-break      { break-before: page; }
  .avoid-break     { break-inside: avoid; }
  h1, h2, h3, h4   { break-after: avoid; orphans: 3; widows: 3; }
  p, ul, ol, table { orphans: 3; widows: 3; }

  /* Tailles et marges de page (Lettre CA/US par défaut ; passe à A4 si tu préfères) */
  @page {
    size: Letter;
    margin: 18mm 16mm 20mm 16mm; /* top/right/bottom/left */
  }

  .pod-hero-demo,
  .pod-hero-demo-wrap,
  .pod-capture,
  .pod-theme-switch,
  .pod-print-bar { display: none !important; }

  .pod-shot-frame {
    break-inside: avoid;
    box-shadow: none !important;
    border: 1px solid #ccc;
  }
  .pod-shot-cap {
    text-align: center;
  }
  .pod-stat-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8mm !important;
  }
  .pod-stat { break-inside: avoid; }

  /* En-tête/pied minimal via “margin box” (selon moteur) */
  /* Chromium via Puppeteer gèrera mieux displayHeaderFooter */
}
@media print {
  /* exemple si ton wrapper s’appelle .md-columns ou .tool-cards, adapte le sélecteur */
  .md-columns, .tool-cards {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14mm !important;
  }
  .md-columns > *, .tool-cards > * {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}