From d16c8856382391bd2b69aea45bbeae2c848299ed Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Fri, 13 Feb 2026 15:44:34 +0100
Subject: [PATCH] FEATURE Refining component style

---
 resources/css/blocks/dernieres-dynamiques.css | 57 ++++++++++++++++---
 1 file changed, 49 insertions(+), 8 deletions(-)

diff --git a/resources/css/blocks/dernieres-dynamiques.css b/resources/css/blocks/dernieres-dynamiques.css
index ee3088d..94ac42b 100644
--- a/resources/css/blocks/dernieres-dynamiques.css
+++ b/resources/css/blocks/dernieres-dynamiques.css
@@ -2,32 +2,62 @@
   @apply pt-2  md:pt-20 px-4 md:px-16;
   /* overflow: visible !important; */
   overflow: hidden !important;
-  &.alignfull {
-    @apply !my-0;
+  @apply !mt-12;
+  /* &.alignfull {
+    @apply !my-8;
+  } */
+  &:not(:has(.related-articles)) {
+    @apply pb-16;
+  }
+
+  &--has-light-bg {
+    @apply text-primary;
+    .content-meta__revue-issue {
+      @apply bg-primary !text-white;
+    }
+  }
+  &--has-dark-bg {
+    @apply text-white;
+    .content-meta__revue-issue {
+      @apply bg-white !text-primary;
+    }
   }
 
   &__inner {
     @apply max-w-screen-2xl mx-auto;
   }
+  .content-meta {
+    color: currentColor;
 
+    .content-meta__type {
+      color: currentColor;
+    }
+  }
   &__header {
     @apply flex flex-wrap   items-end justify-between gap-8 gap-y-2 uppercase text-4xl mb-6 md:mb-12;
+
     .block-title {
       @apply flex grow items-end justify-between gap-8 uppercase text-2xl md:text-4xl lg:text-5xl;
+      color: currentColor !important;
+
       span {
         @apply block shrink-0;
+        color: currentColor !important;
       }
       &:after {
         @apply w-full z-20  block mb-2;
         height: 1px;
         content: ' ';
+        background-color: currentColor;
       }
     }
     .header-link {
       @apply text-lg font-medium    nunito flex items-center gap-3;
       text-transform: none;
+
       span {
         @apply pt-1;
+        color: currentColor !important;
       }
 
       svg {
@@ -35,7 +65,8 @@
         transition: transform 0.3s ease-in-out;
         path,
         circle {
-          @apply stroke-white stroke-2;
+          @apply stroke-2;
+          stroke: currentColor !important;
         }
       }
       &:hover {
@@ -66,7 +97,7 @@
     font-weight: 100 !important;
   }
   &__issue-content-wrapper {
-    @apply grid gap-y-6 gap-12 lg:gap-36  pb-24 overflow-hidden lg:overflow-visible;
+    @apply grid gap-y-6 gap-12 lg:gap-36  pb-12 overflow-hidden lg:overflow-visible;
     @screen md {
       grid-template-columns: 61.8fr 38.2fr;
     }
@@ -163,6 +194,10 @@
   }
 }
 
+section.alignfull + .block-dernieres-dynamiques {
+  @apply !mt-0;
+}
+
 .is-website-dynamiques .block-dernieres-dynamiques {
   @apply bg-primary text-white;
   &__header {
@@ -188,18 +223,24 @@
   }
 }
 .is-website-carhop .block-dernieres-dynamiques {
-  @apply bg-carhop-orange-50 text-primary;
+  @apply bg-carhop-orange-50;
 
   &__header {
     .block-title:after {
-      @apply bg-primary;
     }
   }
-  :is(p, span, h1, h2, h3, h4, h5, h6):not(.article-card *) {
-    @apply text-primary;
+  :is(p, span, h1, h2, h3, h4, h5, h6, a):not(
+      .article-card *,
+      .content-meta__revue-issue
+    ) {
+    color: currentColor !important;
   }
 
   .related-articles:after {
     @apply content-none hidden;
   }
 }
+
+.block-dernieres-dynamiques:has(+ .explore-tags) {
+  @apply !mb-0;
+}