From 64be0c64be11178f8727b4d15fe2f9fb6290d2bb Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 6 May 2026 11:15:37 +0200
Subject: [PATCH] FEATURE introducing statistques collections

---
 resources/css/app.css                         |  1 +
 .../css/blocks/statistiques-collections.css   | 59 +++++++++++++++++++
 2 files changed, 60 insertions(+)
 create mode 100644 resources/css/blocks/statistiques-collections.css

diff --git a/resources/css/app.css b/resources/css/app.css
index 4e13acf..87b3fa3 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -124,6 +124,7 @@
 @import './blocks/dbmob-archives.css';
 @import './blocks/random-collection-image.css';
 @import './blocks/variants.css';
+@import './blocks/statistiques-collections.css';
 
 /* ########### COMPOSITIONS ############ */
 @import './compositions/nos-collections.css';
diff --git a/resources/css/blocks/statistiques-collections.css b/resources/css/blocks/statistiques-collections.css
new file mode 100644
index 0000000..99fd418
--- /dev/null
+++ b/resources/css/blocks/statistiques-collections.css
@@ -0,0 +1,59 @@
+.statistiques-collections {
+  .amount-container {
+    @apply border border-primary h-40 w-full relative flex items-center justify-start gap-12;
+
+    .percentage-label {
+      @apply !mb-0 text-xl font-semibold;
+    }
+  }
+
+  .amount-container,
+  .amount-container-all {
+    min-height: 10rem;
+  }
+
+  .amount-container-all {
+    @apply bg-primary text-white p-8;
+    p {
+      @apply text-white !mb-0;
+    }
+    p.total-documents-count {
+      @apply text-4xl fjalla uppercase pb-2;
+      font-weight: 200 !important ;
+    }
+  }
+
+  .percentage-bar {
+    @apply bg-primary text-white flex items-center justify-center h-full;
+    width: 0;
+    transition: width 1.3s ease-in-out;
+  }
+
+  &__stats-items {
+    @apply flex flex-col gap-8 pt-8;
+
+    .heading {
+      @apply flex items-center justify-between gap-2 pb-2;
+    }
+
+    li {
+      list-style: none !important;
+    }
+  }
+
+  &__stat-item {
+    .total-documents-count {
+      @apply !mb-0;
+    }
+    &[data-active='false'] {
+      display: none;
+    }
+    &[data-active='true'] {
+      display: block;
+    }
+
+    .stat-item-description {
+      @apply pt-8;
+    }
+  }
+}