@media print {
  /* Masquer le menu sticky, le rectangle CTA et le footer des cartes (Lire ->) */
  .entry-nav,
  .cta-section,
  .blog-card-footer {
    display: none !important;
  }

  .cards-grid-3,
  .featured-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .blog-card,
  .featured-card {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    padding: 6px !important;
    margin: 0 !important;
    border: 1px solid #ccc !important;
    background: white !important;
  }


  .blog-card-title {
    font-size: 13px !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }

/* 1. On agrandit la photo */
  .blog-card-image {
    height: 100px !important; 
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 4px !important;
  }

  /* 2. On rogne le texte pour stabiliser la hauteur totale */
  .blog-card-excerpt {
    font-size: 10px !important; /* Légère réduction pour le confort */
    line-height: 1.2 !important;
    height: 2.4em !important; /* Hauteur fixe pour exactement 2 lignes */
    overflow: hidden !important; /* Coupe ce qui dépasse */
    margin-bottom: 4px !important;
  }
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  @page {
    margin: 8mm;
  }

  div[style*="position: fixed"][style*="right: 20px"] {
    display: none !important;
    visibility: hidden !important;
  }

/* 1. On interdit au titre de se retrouver seul en bas de page */
  section h2 {
    page-break-after: avoid !important;
    break-after: avoid !important;
  }

  /* 2. On ne déclenche le saut de page QUE si une section en suit une autre */
  section + section {
    page-break-before: always !important;
    break-before: page !important;
  }

  /* 3. On neutralise le saut pour la toute première section du document */
  section:first-of-type {
    page-break-before: avoid !important;
    break-before: avoid !important;
    margin-top: 0 !important;
  }
  /* Réduction de la hauteur du Hero pour gagner l'espace manquant */
.blog-hero {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-bottom: 10px !important;
    min-height: auto !important; /* Annule d'éventuels forçages de hauteur */
}

/* Optionnel : réduire un peu la taille du titre principal pour compacter */
.blog-hero h1 {
    font-size: 20pt !important;
    margin-bottom: 5px !important;
}

  .badge-new,
  .badge-essential {
    font-size: 7px !important;
    padding: 1px 4px !important;
    border-radius: 3px !important;
    top: 4px !important;
    right: 4px !important;
    letter-spacing: 0.3px !important;
    opacity: 0.75 !important;
  }
  
  /* 1. On repositionne le badge en bas à droite de la carte */
  .blog-card-tag {
    position: absolute !important;
    top: auto !important; /* Annule le positionnement haut */
    left: auto !important; /* Annule le positionnement gauche */
    bottom: 10px !important;
    right: 10px !important;
    background-color: #1e3a2f !important; /* Ton vert Pine */
    color: white !important;
    font-size: 8px !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    z-index: 10 !important;
  }
}