From 4251de3660a838803a14e810ccfd1eb8c78a9045 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 15 Oct 2025 09:53:31 +0200
Subject: [PATCH] FEEDBACK Refining aspects

---
 resources/css/layout/footer.css | 47 ++++++++++++++++++++-------------
 template-parts/footer.php       | 39 ++++++++++++++++-----------
 2 files changed, 51 insertions(+), 35 deletions(-)

diff --git a/resources/css/layout/footer.css b/resources/css/layout/footer.css
index 8c34c35..1b4c165 100644
--- a/resources/css/layout/footer.css
+++ b/resources/css/layout/footer.css
@@ -58,7 +58,13 @@ footer {
     }
   }
 
-  .credits {
+  .socials {
+    a {
+      @apply block;
+    }
+  }
+
+  ul.credits {
     @apply w-full grid gap-y-12 gap-x-8 lg:gap-x-12 grid-cols-1 md:grid-cols-2; /* Mobile-first: 1 column */
 
     @screen lg {
@@ -67,14 +73,19 @@ footer {
       grid-template-rows: repeat(2, auto);
       grid-template-columns: repeat(4, 1fr);
 
-      > :first-child {
+      /* > :first-child {
         grid-row: span 2;
-      }
+      } */
+    }
+    h3 {
+      @apply nunito;
     }
   }
-  .socials {
-    a {
-      @apply block;
+
+  ul.mentions {
+    @apply w-full grid gap-y-6 gap-x-8 lg:gap-x-12 grid-cols-1 md:grid-cols-2 pt-12;
+    @screen lg {
+      grid-template-columns: repeat(4, 1fr);
     }
   }
 
@@ -92,19 +103,17 @@ footer {
         filter: brightness(1.3);
       }
     }
-    ul {
-      @apply w-full flex flex-col lg:flex-row flex-wrap gap-x-4 justify-between pt-12;
-      li {
-        @apply text-primary;
-      }
-      li.deligraph_credit {
-        @apply flex gap-x-1 items-center;
-        img {
-          transition: all 0.5s;
-          @apply w-5 h-5 filter-primary;
-          animation: fade-in-out 3.5s linear infinite;
-          /* scale: 1.2; */
-        }
+
+    li {
+      @apply text-primary;
+    }
+    li.deligraph_credit {
+      @apply flex gap-x-1 items-center;
+      img {
+        transition: all 0.5s;
+        @apply w-5 h-5 filter-primary;
+        animation: fade-in-out 3.5s linear infinite;
+        /* scale: 1.2; */
       }
     }
   }
diff --git a/template-parts/footer.php b/template-parts/footer.php
index 182b208..b782484 100644
--- a/template-parts/footer.php
+++ b/template-parts/footer.php
@@ -29,6 +29,15 @@
 			<a href="tel:+3267485861">+32 67 48 58 61</a>
 		</p>
 	</li>
+	<li class="activity-report">
+		<h3 class="section-title">Rapport d’activité</h3>
+		<p>
+			<a href="mailto:info@carhop.be">info@carhop.be</a>
+		</p>
+		<p>
+			<a href="tel:+3267485861">+32 67 48 58 61</a>
+		</p>
+	</li>
 
 	<li class="siege-social">
 		<h3 class="section-title">siège social et d'activités </h3>
@@ -67,20 +76,18 @@
 	</li>
 </ul>
 
-<div class="mentions">
-	<ul>
-		<li>
-			<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
-		</li>
-		<li>
-			<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
-		</li>
-		<li>
-			<p>Acessibilité : conforme</a>
-		</li>
-		<li class="deligraph_credit">
-			Concocté avec <img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="amour" /> par <a href="https://www.deligraph.be" target="_blank" class="no-external-icon">Deligraph</a>
-		</li>
+<ul class="mentions">
+	<li>
+		<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
+	</li>
+	<li>
+		<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
+	</li>
+	<li>
+		<p>Accessibilité : conforme</a>
+	</li>
+	<li class="deligraph_credit">
+		Concocté avec <img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="amour" /> par <a href="https://deligraph.com/" target="_blank" class="no-external-icon">Deligraph</a>
+	</li>
 
-	</ul>
-</div>
\ No newline at end of file
+</ul>
\ No newline at end of file