.powered-by-wordpress { display: none; }

.entry-header.has-text-align-center.header-footer-group {
padding: 1em;
}
.entry-header.has-text-align-center.header-footer-group > h1 {
text-align:center;
}
.wp-block-social-links.aligncenter {
    justify-content: space-evenly;
}
/* --- Réduire l'image mise en avant sur un article --- */
.single-post .wp-post-image,
.single-post .post-thumbnail img,
.single .entry-header .wp-post-image {
  max-width: 600px;          /* largeur max souhaitée sur desktop */
  width: 100%;
  height: auto;
  display: block;
  margin: 1rem auto 1rem;    /* centre l'image et ajoute de l'air */
}

/* Si ton thème force un HERO très haut */
.single-post .wp-post-image,
.single-post .post-thumbnail img {
  max-height: 350px;         /* limite la hauteur visuelle */
  object-fit: cover;
}

/* Typo plus raisonnable sur desktop */
@media (min-width: 1024px) {
  .single-post .entry-title {      /* H1 de l’article */
    font-size: clamp(32px, 3.8vw, 44px);
    line-height: 1.15;
  }
  .single-post .entry-content {    /* corps du texte */
    font-size: 16px;
    line-height: 1.7;
  }
  .single-post .entry-content h2 { font-size: 26px; }
  .single-post .entry-content h3 { font-size: 21px; }
}

/* Mobile : garder plein écran mais pas gigantesque */
@media (max-width: 767px) {
  .single-post .wp-post-image { max-height: 300px; object-fit: cover; }
}
/* 1) Réduire l'espace vertical entre blocs sur article */
@media (min-width: 1024px){
  .single-post .entry-content > * { 
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .single-post .entry-content > *:first-child { margin-top: 0 !important; }
  .single-post .entry-content > *:last-child  { margin-bottom: 0 !important; }
}

/* 2) Réduire le gros padding haut du template */
@media (min-width: 1024px){
  .single-post .post-inner { 
    padding-top: 2rem !important;   /* était 8rem */
  }
}

/* 3) Images & captions : éviter les “trous” */
.single-post figure.wp-block-image { margin: 1.25rem auto !important; }
.single-post figure.wp-block-image figcaption { margin-top: .5rem; }

/* 4) Colonnes Gutenberg (optionnel) */
@media (min-width: 1024px){
  .single-post .wp-block-columns { gap: 1.25rem; }
}
/* 1) Largeur de colonne texte plus confortable sur desktop */
@media (min-width: 1200px){
  .single-post .post-inner,
  .single-post .entry-content { 
    max-width: 860px;   /* ex : 820–900px selon ton goût */
    margin-left: auto; 
    margin-right: auto;
  }
}

/* 2) H1 et interlignage un peu plus compacts */
@media (min-width: 1024px){
  .single-post .entry-title{ font-size: clamp(32px, 3.2vw, 42px); line-height: 1.15; }
  .single-post .entry-content{ font-size: 16px; line-height: 1.7; }
}

/* 3) Réduire le vide : padding haut + espace entre blocs */
@media (min-width: 1024px){
  .single-post .post-inner { padding-top: 2rem !important; } /* était ~8rem */
  .single-post .entry-content > *{ margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; }
}

/* 4) Image du début : plus petite et sous le fold elle ne prend pas tout */
@media (min-width: 1024px){
  /* si la 1re image est un bloc Gutenberg standard */
  .single-post .entry-content > figure.wp-block-image:first-of-type{
    max-width: 720px;        /* limite la largeur de l'image */
    max-height: 420px;       /* évite l'effet "mur d'image" */
    margin: 0 auto 1.25rem;
  }
  .single-post .entry-content > figure.wp-block-image:first-of-type img{
    width: 100%; height: 100%; object-fit: cover;
  }
}

/* 5) Mobile : OK plein écran mais limité en hauteur */
@media (max-width: 767px){
  .single-post .entry-content > figure.wp-block-image:first-of-type{ max-height: 300px; }
}

/* Option : cacher la légende si elle crée du vide */
.single-post figure.wp-block-image figcaption{ margin-top:.5rem; font-size: 13px; }

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100rem;
   
}
@media (min-width: 700px) {
    .post-meta-wrapper {
        margin-top: 1rem;
    }
}