From 467e66c9718e68394a97b450ccc92f5d9a37a1ca Mon Sep 17 00:00:00 2001
From: mathis <mathis.grillot1@gmail.com>
Date: Sun, 30 Aug 2026 23:33:45 +0200
Subject: [PATCH] fix(classiques): fine-tune bottom row gradient, border
 separator, and clock box proportions to strictly match real SNCF display

---
 .../classiques/ClassiquesArrivees.css         | 35 ++++++++++---------
 .../classiques/ClassiquesDeparts.css          | 35 ++++++++++---------
 2 files changed, 38 insertions(+), 32 deletions(-)

diff --git a/src/pages/afficheurs/classiques/ClassiquesArrivees.css b/src/pages/afficheurs/classiques/ClassiquesArrivees.css
index e9f23f9..cf21a2c 100644
--- a/src/pages/afficheurs/classiques/ClassiquesArrivees.css
+++ b/src/pages/afficheurs/classiques/ClassiquesArrivees.css
@@ -355,11 +355,11 @@
   align-items: center;
   box-sizing: border-box;
   padding-left: 24px;
-  padding-right: 8px;
-  background: #0d3613 !important;
+  padding-right: 12px;
+  background: linear-gradient(180deg, #1b6326 0%, #0e3a15 100%) !important;
   position: relative;
   z-index: 30;
-  border-top: 1.5px solid rgba(255, 255, 255, 0.2);
+  border-top: 1.5px solid rgba(255, 255, 255, 0.22);
 }
 
 .aff-classiques-arrivees__info-bar {
@@ -373,7 +373,7 @@
 
 .aff-classiques-arrivees__info-bar-text {
   color: var(--white);
-  font-size: 42px;
+  font-size: 46px;
   font-weight: 600;
   font-family: "Achemine", sans-serif;
   line-height: 1;
@@ -381,32 +381,35 @@
 }
 
 .aff-classiques-arrivees__bottom-clock {
-  display: flex;
-  align-items: center;
+  display: inline-flex;
+  align-items: flex-start;
   justify-content: center;
-  gap: 8px;
-  border: 2.5px solid rgba(255, 255, 255, 0.85);
-  border-radius: 6px;
-  padding: 4px 14px;
-  background: rgba(9, 38, 13, 0.45);
+  border: 3px solid rgba(255, 255, 255, 0.92);
+  border-radius: 8px;
+  padding: 6px 14px 4px 14px;
+  background: rgba(10, 42, 16, 0.35);
   font-family: "Achemine", sans-serif;
   color: var(--white);
   flex-shrink: 0;
-  margin-right: 12px;
+  margin-right: 8px;
   box-sizing: border-box;
+  height: 84px;
 }
 
 .aff-classiques-arrivees__bottom-clock-hm {
-  font-size: 52px;
+  font-size: 60px;
   font-weight: 700;
   line-height: 1;
-  letter-spacing: 1px;
+  letter-spacing: 2px;
+  margin-right: 8px;
+  color: #ffffff;
 }
 
 .aff-classiques-arrivees__bottom-clock-s {
-  font-size: 34px;
+  font-size: 38px;
   font-weight: 700;
   line-height: 1;
-  margin-top: -6px;
+  margin-top: 2px;
   letter-spacing: 0.5px;
+  color: #ffffff;
 }
\ No newline at end of file
diff --git a/src/pages/afficheurs/classiques/ClassiquesDeparts.css b/src/pages/afficheurs/classiques/ClassiquesDeparts.css
index edc7ec2..954c87c 100644
--- a/src/pages/afficheurs/classiques/ClassiquesDeparts.css
+++ b/src/pages/afficheurs/classiques/ClassiquesDeparts.css
@@ -355,11 +355,11 @@
   align-items: center;
   box-sizing: border-box;
   padding-left: 24px;
-  padding-right: 8px;
-  background: #001e40 !important;
+  padding-right: 12px;
+  background: linear-gradient(180deg, #00367a 0%, #00225e 100%) !important;
   position: relative;
   z-index: 30;
-  border-top: 1.5px solid rgba(255, 255, 255, 0.2);
+  border-top: 1.5px solid rgba(255, 255, 255, 0.22);
 }
 
 .aff-classiques-departs__info-bar {
@@ -373,7 +373,7 @@
 
 .aff-classiques-departs__info-bar-text {
   color: var(--white);
-  font-size: 42px;
+  font-size: 46px;
   font-weight: 600;
   font-family: "Achemine", sans-serif;
   line-height: 1;
@@ -381,32 +381,35 @@
 }
 
 .aff-classiques-departs__bottom-clock {
-  display: flex;
-  align-items: center;
+  display: inline-flex;
+  align-items: flex-start;
   justify-content: center;
-  gap: 8px;
-  border: 2.5px solid rgba(255, 255, 255, 0.85);
-  border-radius: 6px;
-  padding: 4px 14px;
-  background: rgba(0, 16, 40, 0.45);
+  border: 3px solid rgba(255, 255, 255, 0.92);
+  border-radius: 8px;
+  padding: 6px 14px 4px 14px;
+  background: rgba(0, 24, 70, 0.35);
   font-family: "Achemine", sans-serif;
   color: var(--white);
   flex-shrink: 0;
-  margin-right: 12px;
+  margin-right: 8px;
   box-sizing: border-box;
+  height: 84px;
 }
 
 .aff-classiques-departs__bottom-clock-hm {
-  font-size: 52px;
+  font-size: 60px;
   font-weight: 700;
   line-height: 1;
-  letter-spacing: 1px;
+  letter-spacing: 2px;
+  margin-right: 8px;
+  color: #ffffff;
 }
 
 .aff-classiques-departs__bottom-clock-s {
-  font-size: 34px;
+  font-size: 38px;
   font-weight: 700;
   line-height: 1;
-  margin-top: -6px;
+  margin-top: 2px;
   letter-spacing: 0.5px;
+  color: #ffffff;
 }
\ No newline at end of file