From 631d5d63605b35bd8a7b67759582737a953909e4 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 27 Aug 2025 10:59:18 +0200
Subject: [PATCH] FEATURE Refining content box behaviour to be handled in
 dynamiques articles

---
 resources/css/blocks/content-box.css | 79 +++++++++++++++++++---------
 1 file changed, 53 insertions(+), 26 deletions(-)

diff --git a/resources/css/blocks/content-box.css b/resources/css/blocks/content-box.css
index ff8d0e0..8a16061 100644
--- a/resources/css/blocks/content-box.css
+++ b/resources/css/blocks/content-box.css
@@ -3,17 +3,12 @@
 }
 
 .content-box {
-  @apply py-16;
-  background-color: var(--content-box-background-color);
-  color: var(--content-box-text-color);
+  &--variant-framed {
+    @apply border border-carhop-green-600;
+  }
 
-  h1.wp-block-heading,
-  h2.wp-block-heading,
-  h3.wp-block-heading,
-  h4.wp-block-heading,
-  h5.wp-block-heading,
-  h6.wp-block-heading {
-    color: var(--content-box-text-color);
+  &--variant-backgrounded {
+    background-color: var(--content-box-background-color, transparent);
   }
 
   .wp-block-group {
@@ -27,22 +22,6 @@
     --content-box-text-color: #fff;
   }
 
-  p,
-  li {
-    @apply font-light;
-  }
-  li {
-    @apply pb-2;
-  }
-  p {
-    @apply pb-8;
-  }
-
-  p,
-  .carhop-heading p {
-    color: var(--content-box-text-color, #136f63);
-  }
-
   &__innerblocks {
     @apply max-w-screen-lg mx-auto px-8;
   }
@@ -77,3 +56,51 @@
     @apply pt-32;
   }
 }
+
+.single-articles .content-box {
+  @apply !pt-10 !pb-8;
+
+  &__innerblocks {
+    > :first-child {
+      @apply mt-0;
+    }
+    > :last-child {
+      @apply mb-0;
+    }
+  }
+  .wp-block-heading {
+    @apply !mt-0;
+  }
+  p {
+    color: inherit;
+  }
+}
+
+body.wp-admin.post-type-page .content-box,
+body.page .content-box {
+  @apply py-16;
+  color: var(--content-box-text-color);
+
+  .carhop-heading p {
+    color: var(--content-box-text-color, #136f63);
+  }
+  h1.wp-block-heading,
+  h2.wp-block-heading,
+  h3.wp-block-heading,
+  h4.wp-block-heading,
+  h5.wp-block-heading,
+  h6.wp-block-heading {
+    color: var(--content-box-text-color);
+  }
+
+  p,
+  li {
+    @apply font-light;
+  }
+  li {
+    @apply pb-2;
+  }
+  p {
+    @apply pb-8;
+  }
+}