FEATURE refining behaviour

resources/css/blocks/content-box.css

@@ -31,6 +31,25 @@
       @apply z-10 relative;
     }
   }
+
+  &--shapeA.content-box--variant-framed,
+  &--shapeB.content-box--variant-framed,
+  &--shapeC.content-box--variant-framed,
+  &--shapeA.content-box--variant-framed-backgrounded,
+  &--shapeB.content-box--variant-framed-backgrounded,
+  &--shapeC.content-box--variant-framed-backgrounded {
+    @apply border-none;
+
+    svg > path {
+      stroke: var(--content-box-border-color, var(--wp--preset--color--carhop-green));
+      stroke-width: 1px;
+    }
+  }
+
+  /* &--shapeA,
+  &--shapeB,
+  &--shapeC */
+
   .content-box__shape {
     @apply top-0 left-0 w-full h-full absolute;
   }
@@ -42,9 +61,18 @@
   &.aligncontained {
     @apply !mx-auto;
   }
+
   &.aligncontained {
+    /* max-width: calc(960px - 4rem) !important; */
     @apply !max-w-screen-lg;
   }
+  &.alignwide {
+    @media (max-width: 767px) {
+      margin-left: calc(50% - 50vw) !important;
+      margin-right: calc(50% - 50vw) !important;
+    }
+  }
+
   /* &.alignwide {
     @apply max-w-screen-lg;
   } */
@@ -60,14 +88,17 @@
   &--bg-dark {
     --content-box-text-color: #fff;
     --advised-text-color: #fff;
+    --cta-current-color: #fff;
 
+    blockquote,
+    blockquote p,
+    .wp-block-pullquote p,
     p {
       color: var(--advised-text-color, inherit);
     }
 
     .wp-block-carhop-blocks-cta {
-      --cta-current-color: #fff;
+      /* --cta-current-color: #fff; */
-      color: blue;
 
       &:after {
         /* background-image: url('../resources/img/carhop-fleche-lien-externe-full--white.svg'); */
@@ -96,6 +127,11 @@
   h3 {
     /* @apply title-small font-bold; */
   }
+  .chapter-section--bg-light {
+    --content-box-text-color: var(--wp--preset--color--carhop-green);
+    --advised-text-color: var(--wp--preset--color--carhop-green, inherit);
+    --cta-current-color: var(--wp--preset--color--carhop-green, inherit);
+  }
 
   /* h1.wp-block-heading {
     @apply !text-4xl mb-12;
@@ -136,7 +172,7 @@
 
 main > .content-box:first-child {
   @media (max-width: 1441px) {
-    @apply !pt-2;
+    /* @apply !pt-2; */
   }
 }
 
@@ -212,6 +248,10 @@ body.page .content-box {
   @apply !mt-0;
 }
 
+.wp-block-carhop-blocks-content-box.aligncontained {
+  @apply my-12;
+}
+
 .wp-block-carhop-blocks-content-box.alignfull:has(+ .alignfull) {
   @apply !mb-0;
 }
@@ -233,3 +273,23 @@ body.page .content-box {
 .content-box--variant-backgrounded.content-box--shapeC.alignfull + .alignfull {
   @apply !-mt-5;
 }
+
+.content-box.alignfull
+  .content-box__innerblocks
+  > .gform_wrapper:nth-last-child(2):has(+ script) {
+  @apply mb-32;
+}
+#field_4_29 {
+  @apply pb-10;
+}
+#gform_fields_4_7 {
+  --gf-form-gap-y: 1rem;
+}
+
+.gform_previous_button:has(+ input[type='submit']) {
+  @apply !h-fit;
+}
+
+.gform-page-footer:has(.gform_previous_button + input[type='submit']) {
+  @apply items-center !mb-0;
+}