src/components/GlossaryHomeHero.astro

@@ -457,4 +457,86 @@ const {
       line-height: 1.08 !important;
     }
   }
+
+  /* =========================================================
+   Glossaire home — follow hero sans troncature
+   ========================================================= */
+
+  /*
+    Le follow du hero doit rester affiché, mais ne doit jamais
+    être traité comme une ligne compacte à ellipsis.
+    On neutralise donc localement les règles de compression :
+    nowrap, overflow hidden, text-overflow, line-clamp.
+  */
+
+  .glossary-hero{
+    overflow: visible;
+  }
+
+  .glossary-hero-follow{
+    height: auto;
+    max-height: none;
+    overflow: visible;
+    white-space: normal !important;
+    text-overflow: clip !important;
+  }
+
+  .glossary-hero-follow,
+  .glossary-hero-follow *{
+    min-width: 0;
+  }
+
+  .glossary-hero-follow h1,
+  .glossary-hero-follow p,
+  .glossary-hero-follow .glossary-hero__collapsible,
+  .glossary-hero-follow .glossary-hero__toggle{
+    white-space: normal !important;
+    overflow: visible !important;
+    text-overflow: clip !important;
+    display: block;
+    -webkit-line-clamp: unset !important;
+    line-clamp: unset !important;
+    -webkit-box-orient: unset !important;
+  }
+
+  :global(body.glossary-home-follow-on) .glossary-hero{
+    min-height: auto;
+    height: auto;
+    max-height: none;
+    overflow: visible;
+  }
+
+  :global(body.glossary-home-follow-on) .glossary-hero h1{
+    white-space: normal !important;
+    overflow: visible !important;
+    text-overflow: clip !important;
+    display: block;
+    -webkit-line-clamp: unset !important;
+    line-clamp: unset !important;
+    -webkit-box-orient: unset !important;
+  }
+
+  :global(body.glossary-home-follow-on) .glossary-hero p#glossary-hero-intro{
+    white-space: normal !important;
+    overflow: visible !important;
+    text-overflow: clip !important;
+    display: block;
+    -webkit-line-clamp: unset !important;
+    line-clamp: unset !important;
+    -webkit-box-orient: unset !important;
+  }
+
+  @media (max-width: 760px){
+    .glossary-hero-follow{
+      max-height: none;
+      overflow: visible;
+    }
+
+    :global(body.glossary-home-follow-on) .glossary-hero h1,
+    :global(body.glossary-home-follow-on) .glossary-hero p#glossary-hero-intro{
+      -webkit-line-clamp: unset !important;
+      line-clamp: unset !important;
+      overflow: visible !important;
+    }
+  }
 </style>