/* ============================================================
   Feuille de style dédiée à l'optimisation de l'impression
   et à la sauvegarde en PDF des articles présents
   dans la rubrique RESSOURCES de Azimut
   Rédigée par Martha — révisée avril 2026
   ============================================================ */

@media print {

  /* ── Mise en page A4 ── */
  @page {
    size: A4 portrait;
    margin: 8mm 5mm 8mm 5mm;
  }
  
  /* pour que la page s'affiche sur toute sa largeur dans SAFARI */
  /*.col-lg-8 {
     flex: 0 0 auto;
  width: 100% !important;} /* au lieu de 66% */
  
  
  /* ── Éléments à masquer ── */
  /* Éléments identifiés dans le HTML Azimut */
  #azimut-cookie-banner,
  #azimut-cookie-settings,
  #back-to-top,
  .ariane,
  .navbar-toggler, .navbar-collapse, .navbar-nav,
  .en-tete,
  .aside-ressources,
  #footer,
  #a-lire-aussi,
  #etiquettes-article,
  #telecharger-article,
  .spip-admin-float{
    display: none !important;
  }
  
  /* Catch-all : headers, navs et tout élément en position fixe/sticky
     qui pourrait se répéter en haut de chaque page imprimée.
     À affiner si certains de ces sélecteurs masquent du contenu voulu. */
  header,
  /*nav,
  [role="navigation"],
  [class*="nav-"],
  [class*="-nav"],
  [id*="nav-"],
  [id*="-nav"],*/
  [class*="header-"],
  [class*="-header"],
  [id*="header-"],
  [id*="-header"] {
    display: none !important;
  }
  
  /* Positionnement du logo AZIMUT en haut de chaque page */
  .navbar{
    position:fixed !important;
    top:0px !important;
    background: rgb(0 0 0 / 0%) !important;
    padding-top:0 !important;
  }

  /* ── Base ── */
  body {
    padding: 0 !important;
    margin: 0 !important;
    color: #000 !important;
    background: #fff !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  

  /* Évite les lignes orphelines/veuves en bas et haut de page */
  p, li {
    orphans: 2 !important;
    widows: 2 !important;
  }


  /* ── Titre h1 ── */
  h1 {
    margin-left: 33% !important;
    width: 67% !important;
    border-top: 7px solid #8a1949 !important;
    border-bottom: 7px solid #8a1949 !important;
    padding-top: 1rem !important;
    padding-bottom: 0.5rem !important;
    margin-bottom: 0 !important;
    font-size: 2em !important;
    break-after: avoid !important;
  }


  /* ── Corps de l'article ── */
  #article {
    margin-left: 17% !important;
    width: 83% !important;
  }
  
  /* Corps de texte */
  p{
    font-size: 1em !important;
  }
  /* h3 et auteur-date */
  h3{font-size: 1.2em !important;}

  /* ── Intertitres ── */
  h2, h3, h4 {
    break-after: avoid !important;
    break-inside: avoid !important;
    margin-top: 1.1em !important;
    margin-bottom: 0.3em !important;
  }

  /* ── Auteur / date ── */
  .auteur-date {
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 33% !important;
    width: 67% !important;
    border: none !important;
    font-size: 1em !important;
    break-after: avoid !important;
  }

  /* ── Images ── */
  img {
    max-width: 100% !important;
    break-inside: avoid !important;
  }


  /* ── Blocs cités ── */
  blockquote {
    margin: 0 0 0 3em !important;
    padding: 0 0 0 1em !important;
    border-left: 3px solid #ff5000 !important;
    break-inside: avoid !important;
  }

  blockquote p {
    font-family: 'Proto Grotesk' !important;
  }
  
  /* style des notes de bas de page */
  .notes h5{
    padding-bottom: 0.5rem !important;
    border-bottom: 7px solid #8a1949 !important;
  }
.notes p{
    font-family: 'Proto Grotesk' !important;
  }
  
  a{font-size: 1em !important; }
  

  /* ── Liens : affiche l'URL à l'impression ── */
  /* Utile pour un document de ressource, où les liens ont de la valeur */
  a[href]::after {
    content: " " attr(href);
    font-size: 8pt;
    text-transform: uppercase;
    color: #666;
    word-break: break-all;
  }
  /* Sauf les ancres et liens internes */
  a[href^="#"]::after,
  a[href^="/"]::after {
    content: "" !important;
  }

  /* pour faire en sorte que les liens ne s'affichent pas après des images ou le logo */
  #documents_portfolio a[href]::after{display:none !important}
  .spip_doc_inner a[href]::after{display:none !important}
  .navbar a[href]::after{display:none !important}
  
  /* pour ne pas afficher les séparateurs entre les paragraphes */
  hr{display: none !important;}
  
  /* mise en forme des vidéos hébergées sur youtube */
  .spip_document .oembed {
    padding: 0 !important;
    border: none !important;
}
}