/* =================================================================
   guideSections.css   —   VERSION PROPRE (remplace tout l'ancien)
   -----------------------------------------------------------------
   Contrôle centralisé de l'espacement + taille des titres du guide.
   Toutes les règles sont limitées à #container.guideHandy.

   POUR RÉGLER : change UNIQUEMENT les nombres dans le bloc :root.
   Charger APRÈS bootstrap / default.css / guide.css.
   ================================================================= */

:root {

  /* --- Titre de famille (h1 : "Handy Calculations", "AI interface"...) --- */
  --guide-family-title-size:         38px;    /* <-- taille du titre de famille  */
  --guide-family-title-space-above:  10px;    /* espace au-dessus du titre       */
  --guide-family-title-space-below:  20px;    /* espace sous le titre            */

  /* --- En-tête d'une section (h3 + trait) --- */
  --guide-section-bar-padding-y:     .15rem;  /* hauteur de la barre de section  */
  --guide-section-h3-space-below:    .3rem;   /* espace entre le h3 et le trait  */
  --guide-section-hr-space:          1rem;    /* marge du trait <hr>             */

  /* --- Contenu déplié --- */
  --guide-content-top-gap:           0px;     /* trait -> 1er paragraphe         */
  --guide-paragraph-gap:             1rem;    /* entre deux paragraphes          */
  --guide-content-bottom-gap:        3rem;    /* bas du contenu                  */

  /* --- Conteneur --- */
  --guide-container-min-height:      0px;
}


/* ---- Conteneur ---- */
#container.guideHandy {
  min-height: var(--guide-container-min-height);
}


/* ---- Titre de famille (h1) ---- */
#container.guideHandy h1 {
  font-size:     var(--guide-family-title-size);
  margin-top:    var(--guide-family-title-space-above);
  margin-bottom: var(--guide-family-title-space-below);
}


/* ---- Barre de section (.bloc_tuto) ---- */
#container.guideHandy .bloc_tuto {
  padding-top:    var(--guide-section-bar-padding-y);
  padding-bottom: var(--guide-section-bar-padding-y);
}


/* ---- Titre h3 + trait <hr> ---- */
#container.guideHandy .div-collapse h3 {
  margin-bottom: var(--guide-section-h3-space-below);
}
#container.guideHandy .div-collapse hr {
  margin-top:    var(--guide-section-hr-space);
  margin-bottom: var(--guide-section-hr-space);
}


/* ---- Contenu déplié : familles converties (paragraphes réels) ---- */
#container.guideHandy .collapse > p:not(.pb-5) {
  margin-top:    0;
  margin-bottom: var(--guide-paragraph-gap);
}
#container.guideHandy .collapse > p:not(.pb-5):first-child {
  margin-top:    var(--guide-content-top-gap);
}
#container.guideHandy .collapse > p:not(.pb-5):last-child {
  margin-bottom: var(--guide-content-bottom-gap);
}

/* ---- Contenu déplié : familles pas encore converties (Handy, Advanced) ---- */
#container.guideHandy .collapse > .pb-5 {
  padding-bottom: var(--guide-content-bottom-gap) !important;
}