/* =========================
   PRINT STYLES
   ========================= */

@media print {

  /* Reset global */
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  html, body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 12pt;
    line-height: 1.5;
  }

  /* =========================
     Masquer éléments inutiles
     ========================= */

  header,
  footer,
  nav,
  .header-inner-desktop,
  .header-inner-mobile,
  .mobile-bar,
  .btn-burger,
  .et_pb_scroll_top,
  .et_pb_button,
  .et_pb_fullwidth_menu,
  .et_pb_menu,
  .et_pb_social_media_follow,
  .et_pb_sidebar,
  .et_pb_comments,
  form,
  iframe,
  video,
  .famille-carousel,
  .wpcf7,
  .no-print {
    display: none !important;
  }

  /* =========================
     Layout principal
     ========================= */

  .et_pb_section,
  .et_pb_row,
  .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* =========================
     Typographie
     ========================= */

  h1, h2, h3, h4, h5, h6 {
    color: #000 !important;
    page-break-after: avoid;
    break-after: avoid;
  }

  p {
    margin-bottom: 10px;
  }

  /* =========================
     Liens
     ========================= */

  a,
  a:visited {
    color: #000 !important;
    text-decoration: underline;
  }

  /* Affiche les URLs à l'impression */
  a[href^="http"]:not([href*="mailto"])::after {
    content: " (" attr(href) ")";
    font-size: 90%;
  }

  /* =========================
     Images
     ========================= */

  img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
  }

  /* =========================
     Tableaux
     ========================= */

  table {
    width: 100% !important;
    border-collapse: collapse !important;
  }

  th, td {
    border: 1px solid #000 !important;
    padding: 6px !important;
  }

  tr {
    page-break-inside: avoid;
  }

  /* =========================
     Éviter les coupures moches
     ========================= */

  h1, h2, h3,
  blockquote,
  ul, ol,
  table {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* =========================
     Marges d'impression
     ========================= */

  @page {
    margin: 20mm;
  }

}