few corrections on css and templates files

css/app.css

@@ -2094,8 +2094,8 @@ summary {
   margin-top: 2rem;
   display: flex;
   max-width: 1440px;
-  align-content: space-between;
   align-items: center;
+  justify-content: center;
   border-radius: 1rem;
   padding: 2rem;
 }
@@ -3086,15 +3086,27 @@ header#main-header {
 
 .entry-content--acoustique-coproprietes h2, 
   .entry-content--acoustique-coproprietes h3, 
+  .entry-content--acoustique-coproprietes h4, 
+  .entry-content--acoustique-coproprietes h5, 
+  .entry-content--acoustique-coproprietes h6, 
   .entry-content--acoustique-coproprietes ul li::marker, 
   body.acoustique-coproprietes h2, 
   body.acoustique-coproprietes h3, 
+  body.acoustique-coproprietes h4, 
+  body.acoustique-coproprietes h5, 
+  body.acoustique-coproprietes h6, 
   body.acoustique-coproprietes ul li::marker, 
   .post-conseil-page--acoustique-coproprietes h2, 
   .post-conseil-page--acoustique-coproprietes h3, 
+  .post-conseil-page--acoustique-coproprietes h4, 
+  .post-conseil-page--acoustique-coproprietes h5, 
+  .post-conseil-page--acoustique-coproprietes h6, 
   .post-conseil-page--acoustique-coproprietes ul li::marker, 
   .post-question-page--acoustique-coproprietes h2, 
   .post-question-page--acoustique-coproprietes h3, 
+  .post-question-page--acoustique-coproprietes h4, 
+  .post-question-page--acoustique-coproprietes h5, 
+  .post-question-page--acoustique-coproprietes h6, 
   .post-question-page--acoustique-coproprietes ul li::marker {
   --tw-text-opacity: 1;
   color: rgb(36 94 242 / var(--tw-text-opacity));
@@ -3128,15 +3140,27 @@ header#main-header {
 
 .entry-content--energies-urbanisme h2, 
   .entry-content--energies-urbanisme h3, 
+  .entry-content--energies-urbanisme h4, 
+  .entry-content--energies-urbanisme h5, 
+  .entry-content--energies-urbanisme h6, 
   .entry-content--energies-urbanisme ul li::marker, 
   body.energies-urbanisme h2, 
   body.energies-urbanisme h3, 
+  body.energies-urbanisme h4, 
+  body.energies-urbanisme h5, 
+  body.energies-urbanisme h6, 
   body.energies-urbanisme ul li::marker, 
   .post-conseil-page--energies-urbanisme h2, 
   .post-conseil-page--energies-urbanisme h3, 
+  .post-conseil-page--energies-urbanisme h4, 
+  .post-conseil-page--energies-urbanisme h5, 
+  .post-conseil-page--energies-urbanisme h6, 
   .post-conseil-page--energies-urbanisme ul li::marker, 
   .post-question-page--energies-urbanisme h2, 
   .post-question-page--energies-urbanisme h3, 
+  .post-question-page--energies-urbanisme h4, 
+  .post-question-page--energies-urbanisme h5, 
+  .post-question-page--energies-urbanisme h6, 
   .post-question-page--energies-urbanisme ul li::marker {
   --tw-text-opacity: 1;
   color: rgb(2 126 80 / var(--tw-text-opacity));
@@ -3170,15 +3194,27 @@ header#main-header {
 
 .entry-content--isolation-quotidien h2, 
   .entry-content--isolation-quotidien h3, 
+  .entry-content--isolation-quotidien h4, 
+  .entry-content--isolation-quotidien h5, 
+  .entry-content--isolation-quotidien h6, 
   .entry-content--isolation-quotidien ul li::marker, 
   body.isolation-quotidien h2, 
   body.isolation-quotidien h3, 
+  body.isolation-quotidien h4, 
+  body.isolation-quotidien h5, 
+  body.isolation-quotidien h6, 
   body.isolation-quotidien ul li::marker, 
   .post-conseil-page--isolation-quotidien h2, 
   .post-conseil-page--isolation-quotidien h3, 
+  .post-conseil-page--isolation-quotidien h4, 
+  .post-conseil-page--isolation-quotidien h5, 
+  .post-conseil-page--isolation-quotidien h6, 
   .post-conseil-page--isolation-quotidien ul li::marker, 
   .post-question-page--isolation-quotidien h2, 
   .post-question-page--isolation-quotidien h3, 
+  .post-question-page--isolation-quotidien h4, 
+  .post-question-page--isolation-quotidien h5, 
+  .post-question-page--isolation-quotidien h6, 
   .post-question-page--isolation-quotidien ul li::marker {
   --tw-text-opacity: 1;
   color: rgb(194 69 3 / var(--tw-text-opacity));
@@ -3212,15 +3248,27 @@ header#main-header {
 
 .entry-content--patrimoine-renovation h2, 
   .entry-content--patrimoine-renovation h3, 
+  .entry-content--patrimoine-renovation h4, 
+  .entry-content--patrimoine-renovation h5, 
+  .entry-content--patrimoine-renovation h6, 
   .entry-content--patrimoine-renovation ul li::marker, 
   body.patrimoine-renovation h2, 
   body.patrimoine-renovation h3, 
+  body.patrimoine-renovation h4, 
+  body.patrimoine-renovation h5, 
+  body.patrimoine-renovation h6, 
   body.patrimoine-renovation ul li::marker, 
   .post-conseil-page--patrimoine-renovation h2, 
   .post-conseil-page--patrimoine-renovation h3, 
+  .post-conseil-page--patrimoine-renovation h4, 
+  .post-conseil-page--patrimoine-renovation h5, 
+  .post-conseil-page--patrimoine-renovation h6, 
   .post-conseil-page--patrimoine-renovation ul li::marker, 
   .post-question-page--patrimoine-renovation h2, 
   .post-question-page--patrimoine-renovation h3, 
+  .post-question-page--patrimoine-renovation h4, 
+  .post-question-page--patrimoine-renovation h5, 
+  .post-question-page--patrimoine-renovation h6, 
   .post-question-page--patrimoine-renovation ul li::marker {
   --tw-text-opacity: 1;
   color: rgb(139 47 247 / var(--tw-text-opacity));
@@ -3254,15 +3302,27 @@ header#main-header {
 
 .entry-content--location h2, 
   .entry-content--location h3, 
+  .entry-content--location h4, 
+  .entry-content--location h5, 
+  .entry-content--location h6, 
   .entry-content--location ul li::marker, 
   body.location h2, 
   body.location h3, 
+  body.location h4, 
+  body.location h5, 
+  body.location h6, 
   body.location ul li::marker, 
   .post-conseil-page--location h2, 
   .post-conseil-page--location h3, 
+  .post-conseil-page--location h4, 
+  .post-conseil-page--location h5, 
+  .post-conseil-page--location h6, 
   .post-conseil-page--location ul li::marker, 
   .post-question-page--location h2, 
   .post-question-page--location h3, 
+  .post-question-page--location h4, 
+  .post-question-page--location h5, 
+  .post-question-page--location h6, 
   .post-question-page--location ul li::marker {
   --tw-text-opacity: 1;
   color: rgb(223 0 43 / var(--tw-text-opacity));
@@ -3891,6 +3951,10 @@ article > *:not(.entry-content, .chapter-header-block),
   padding-bottom: 1rem;
 }
 
+.homegrade-blocks-highlight__block-title {
+  padding-bottom: 0px !important;
+}
+
 .homegrade-blocks-highlight .icon {
   --tw-bg-opacity: 1;
   background-color: rgb(47 1 84 / var(--tw-bg-opacity));

css/editor-style.css

@@ -91,14 +91,6 @@
   margin-bottom: 3rem
 }
 
-.mt-8 {
-  margin-top: 2rem
-}
-
-.mt-16 {
-  margin-top: 4rem
-}
-
 .block {
   display: block
 }

js/app.js

@@ -206,7 +206,7 @@
   function singleConseil() {
     let chapterIndex = document.querySelector(".chapter_index");
     let questionBlocks = document.querySelectorAll(".questions-container-block");
-    function handleLinksBehavior2() {
+    function handleLinksBehavior() {
       let chapterLinks = document.querySelectorAll(".chapter_index__link");
       chapterLinks.forEach((link) => {
         link.addEventListener("click", (e) => {
@@ -223,8 +223,8 @@
     function handleChapterIndicatorPosition() {
       let chapterIndicator = document.querySelector(".chapter_index__position-indicator");
     }
+    handleLinksBehavior();
   }
-  handleLinksBehavior();
 
   // resources/js/app.js
   window.addEventListener("load", function() {

resources/css/blocks/chapter-header-block.css

@@ -1,4 +1,4 @@
-.homegrade-blocks-chapter-header-block {
+/* .homegrade-blocks-chapter-header-block {
   @apply p-8 md:px-16;
   &__page-thematic-title {
     @apply text-xl uppercase font-bold tracking-wider pb-4;
@@ -13,4 +13,4 @@
       @apply my-8;
     }
   }
-}
+} */

resources/css/blocks/highlight.css

@@ -4,6 +4,9 @@
   h3 {
     @apply pb-4;
   }
+  &__block-title {
+    @apply !pb-0;
+  }
   .icon {
     @apply bg-primary;
   }

resources/css/editor-content/color-taxonomy-scheme.css

@@ -4,6 +4,9 @@ body.acoustique-coproprietes,
 .post-question-page--acoustique-coproprietes {
   h2,
   h3,
+  h4,
+  h5,
+  h6,
   ul li::marker {
     @apply text-acoustique-coproprietes;
   }
@@ -27,6 +30,9 @@ body.energies-urbanisme,
 .post-question-page--energies-urbanisme {
   h2,
   h3,
+  h4,
+  h5,
+  h6,
   ul li::marker {
     @apply text-energies-urbanisme;
   }
@@ -48,6 +54,9 @@ body.isolation-quotidien,
 .post-question-page--isolation-quotidien {
   h2,
   h3,
+  h4,
+  h5,
+  h6,
   ul li::marker {
     @apply text-isolation-quotidien;
   }
@@ -69,6 +78,9 @@ body.patrimoine-renovation,
 .post-question-page--patrimoine-renovation {
   h2,
   h3,
+  h4,
+  h5,
+  h6,
   ul li::marker {
     @apply text-patrimoine-renovation;
   }
@@ -90,6 +102,9 @@ body.location,
 .post-question-page--location {
   h2,
   h3,
+  h4,
+  h5,
+  h6,
   ul li::marker {
     @apply text-location;
   }

resources/js/single-conseil.js

@@ -21,8 +21,8 @@ export default function singleConseil() {
   function handleChapterIndicatorPosition() {
     let chapterIndicator = document.querySelector('.chapter_index__position-indicator');
   }
+  handleLinksBehavior();
 }
-handleLinksBehavior();
 // console.log(chapterIndex);
 // console.log(questionBlocks);
 // console.log(chapterLinks);

template-components/post-conseils/chapter-header.css

@@ -1,10 +1,10 @@
 .post-conseils-chapter-header {
   @apply p-8 md:px-16 mt-8 max-w-screen-2xl 
 	flex 
-	content-between 
+	justify-center 
-	items-center mx-auto
+	items-center 
-	rounded-2xl
+  mx-auto
-	items-center;
+	rounded-2xl;
 
   margin-bottom: 20px;