/* Style pour le bloc Sommaire Automatique */

.sommaire-automatique {
  margin: 2rem 0;
  padding: 1.5rem;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.sommaire-titre {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.sommaire-contenu {
  position: relative;
}

.sommaire-loader {
  padding: 10px;
  color: #666;
  font-style: italic;
}

.sommaire-liste {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.sommaire-liste li {
  padding: 0.8rem 0;
  border-top: 1px solid #e5e5e5;
}

.sommaire-liste li:first-child {
  border-top: none;
}

.sommaire-liste li a {
  color: #333;
  text-decoration: none;
  transition: color 0.2s ease;
  display: block;
}

.sommaire-liste li a:hover {
  color: #555;
}

.sommaire-liste li.niveau-h2 a {
  font-weight: 600;
  color: #333;
}

.sommaire-liste li.niveau-h3 a {
  padding-left: 1rem;
  color: #777;
}

.sommaire-liste li.niveau-h4 a {
  padding-left: 2rem;
  font-size: 0.9em;
  color: #888;
}

.sommaire-liste li.niveau-h5 a,
.sommaire-liste li.niveau-h6 a {
  padding-left: 3rem;
  font-size: 0.85em;
  color: #999;
}

/* État inactif pour les éléments déjà visités */
.sommaire-liste li a.visited {
  color: #999;
}

/* Message quand aucun titre n'est trouvé */
.sommaire-message-vide {
  padding: 10px;
  color: #666;
  font-style: italic;
}

/* Style pour les numéros */
.sommaire-liste li .numero {
  display: inline-block;
  margin-right: 0.5rem;
  color: inherit;
  font-weight: inherit;
}

.sommaire-automatique .sommaire-liste li a {
  color: #999 !important; /* Gris par défaut avec !important */
  text-decoration: none;
  transition: color 0.2s ease;
  display: block;
}

/* Style pour l'élément actif du sommaire */
.sommaire-automatique .sommaire-liste li a.active {
  color: #333 !important; /* Couleur normale/foncée quand actif avec !important */
  font-weight: 600;
}

/* Conserver le style hover */
.sommaire-automatique .sommaire-liste li a:hover {
  color: #555 !important;
}

/* Style pour rendre la sidebar du sommaire sticky */
.wp-block-column.sidebar-sommaire {
  position: sticky;
  top: 30px; /* Distance depuis le haut de la fenêtre */
  align-self: flex-start; /* Important pour le comportement sticky dans une flexbox */
  max-height: 90vh; /* Hauteur maximale pour éviter qu'elle dépasse */
  overflow-y: auto; /* Permettre le défilement si le sommaire est long */
  scrollbar-width: none; /* Masquer la barre de défilement sur Firefox */
  -ms-overflow-style: none; /* Masquer la barre de défilement sur IE/Edge */
}

/* Masquer complètement la barre de défilement sur WebKit (Chrome, Safari) */
.wp-block-column.sidebar-sommaire::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}

/* Ajouter du padding au bas de la sidebar pour l'espacement */
.wp-block-column.sidebar-sommaire .sommaire-automatique {
  padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .wp-block-column.sidebar-sommaire {
    display: none;
  }
  .entry-content,
  .wp-block-post-excerpt__excerpt,
  .wp-block-post-date {
    padding: 0 30px !important;
  }

  .entry-content h2 {
    margin-top: 30px !important;
    line-height: 2.7rem !important;
  }
}