/* 4.3. Contenu principal et Mise en page générale */
.site-content {
    flex: 1;
    margin-top: var(--header-height);
    margin-bottom: 20px;
    padding-top: 20px; /* Pour compenser la pagination sticky */
}
.content-container {
    opacity: 1;
    position: relative; 
    overflow-x: clip; 
}
.content-area { /* Utilisé uniquement par search.php, page-messages.php, page-empty.php */
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 20px;
  /* Forcer overflow: visible pour que position: sticky fonctionne sur les enfants.
     Sans ça, certains plugins (ex. BuddyBoss) injectent overflow: hidden sur mobile
     ce qui casse le sticky du .post-header dans la page de résultats de recherche. */
  overflow: visible !important;
}

/* Fix 1 — BuddyBoss injecte overflow: hidden sur .site-main pour les pages de recherche
   sur mobile (body.search / body.search-results), ce qui crée un scroll container CSS qui
   ne scrolle pas réellement et brise position: sticky sur .post-header. Le fix sur
   .content-area (ci-dessus) est insuffisant car .site-main est au-dessus dans la chaîne. */
body.search #main-content.site-main,
body.search-results #main-content.site-main {
  overflow: visible !important;
}

/* Fix 2 — Cas popstate : lors d'une navigation via l'historique du navigateur, le contenu
   de la page de recherche est injecté directement dans .content-container (sans .content-area),
   supprimant la protection overflow: visible. Cette règle couvre ce chemin de navigation. */
.content-container > .search-results-wrapper {
  overflow: visible;
}

.search-results-header {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 20px 20px 0;
}