/* ===== RESET ET BASE ===== */
@media print {
  /* Supprime les marges par défaut du navigateur */
  @page {
    size: auto;
    margin: 1cm;
  }

  /* Police de base pour une meilleure lisibilité */
  body {
    font-family: Arial, sans-serif;
    font-size: 12pt;
    line-height: 1.4;
    color: #000;
    background: #fff !important;
  }

  /* ===== SUPPRESSION DES ÉLÉMENTS NON ESSENTIELS ===== */
  /* Cache les éléments non nécessaires à l'impression */
  header,
  footer,
  nav,
  .no-print,
  .wp-block-details:not([open]),
  .hidden-print,
  .parutto-scroling-snap-container::before,
  .parutto-scroling-snap-container::after {
    display: none !important;
  }

  /* Supprime les arrière-plans et les ombres */
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* ===== OPTIMISATION DES IMAGES ===== */
  /* Évite les images coupées ou trop grandes */
  img {
    max-width: 50% !important;
    height: auto !important;
    page-break-inside: avoid;
  }

  /* ===== LIENS ===== */
  /* Affiche les URLs après les liens */
  a[href]:after {
    content: " (" attr(href) ") ";
    font-size: 10pt;
    word-break: break-all;
  }

  /* ===== TABLEAUX ===== */
  /* Force les tableaux à tenir sur une page */
  table {
    page-break-inside: auto;
  }
  tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }

  /* ===== MIS EN PAGE ===== */
  /* Évite les coupures de sections importantes */
  h1, h2, h3, h4, h5, h6,
  .par-section,
  .wp-block-details[open] {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  /* Force les sauts de page avant les grandes sections */
  .par-section {
    page-break-before: always;
  }

  /* ===== COULEURS ET BORDURES ===== */
  /* Remplace les couleurs de fond par des bordures */
  [style*="background-color"] {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    border: 1px solid #ccc !important;
  }

  /* ===== EN-TÊTE ET PIED DE PAGE ===== */
  /* Ajoute un en-tête/pied de page personnalisé */
  @page {
    @top-center {
      content: "Titre du document";
      font-size: 10pt;
    }
    @bottom-center {
      content: "Page " counter(page) " de " counter(pages);
      font-size: 10pt;
    }
  }
}