Correction de l'alignement, dimensions et détection des box de quai sur Classiques Départs et Arrivées

src/pages/afficheurs/classiques/ClassiquesArrivees.css

@@ -91,7 +91,7 @@
   max-height: 108px;
   box-sizing: border-box;
   padding-left: 20px;
-  padding-right: 240px; /* Espace réservé pour le texte vertical arrivées */
+  padding-right: 24px;
   position: relative;
   z-index: 2;
   overflow: hidden;
@@ -178,6 +178,7 @@
   white-space: nowrap;
   font-family: "Achemine", sans-serif;
 }
+
 /* Colonne 4 : Provenance (Gare d'origine) */
 .aff-classiques-arrivees__col-destination {
   flex: 1 1 0;
@@ -186,7 +187,7 @@
   align-items: center;
   justify-content: flex-start;
   padding-left: 10px;
-  padding-right: 16px;
+  padding-right: 20px;
   height: 100%;
   overflow: hidden;
   box-sizing: border-box;
@@ -205,19 +206,21 @@
 
 /* Colonne 5 : Quai / Voie */
 .aff-classiques-arrivees__col-platform {
-  width: 90px;
+  width: 120px;
-  min-width: 90px;
+  min-width: 120px;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
+  position: relative;
+  z-index: 20;
 }
 
 .aff-classiques-arrivees__platform-box {
-  width: 58px;
+  width: 104px;
-  height: 58px;
+  height: 76px;
   border: 3.5px solid var(--white);
-  border-radius: 8px;
+  border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -227,8 +230,9 @@
 
 .aff-classiques-arrivees__platform-text {
   color: var(--white);
-  font-size: 44px;
+  font-size: 58px;
   font-weight: 700;
   line-height: 1;
   font-family: "Achemine", sans-serif;
+  text-align: center;
 }

src/pages/afficheurs/classiques/ClassiquesArrivees.js

@@ -1218,7 +1218,16 @@ export default function ClassiquesArrivees(){
 	const time = horaire._displayTime || formatTimeNoSeconds(horaire.heure_arrivee || horaire.arrival_time || horaire.time || horaire.heure || '');
 	const origin = horaire.gare_depart_nom || horaire.gare_depart || horaire.origine || '';
 	const formattedOrigin = formatStationName(origin);
-	const rawPlatform = (horaire._displayPlatform || horaire.voie || horaire.quai || '').toString().trim();
+	const rawPlatform = (
+	  horaire._displayPlatform ||
+	  horaire.quai ||
+	  horaire.voie ||
+	  horaire.platform ||
+	  horaire.platform_code ||
+	  horaire.track ||
+	  (horaire.stop_point && horaire.stop_point.platform_code) ||
+	  ''
+	).toString().trim();
 	const cleanPlatform = formatPlatform(rawPlatform);
 
 	const stationId = horaire.gare_arrivee_id || horaire.gare_id || horaire.destination_id || (gareIdParam || null);

src/pages/afficheurs/classiques/ClassiquesDeparts.css

@@ -91,7 +91,7 @@
   max-height: 108px;
   box-sizing: border-box;
   padding-left: 20px;
-  padding-right: 240px; /* Espace réservé pour le texte vertical départs */
+  padding-right: 24px;
   position: relative;
   z-index: 2;
   overflow: hidden;
@@ -187,7 +187,7 @@
   align-items: center;
   justify-content: flex-start;
   padding-left: 10px;
-  padding-right: 16px;
+  padding-right: 20px;
   height: 100%;
   overflow: hidden;
   box-sizing: border-box;
@@ -206,19 +206,21 @@
 
 /* Colonne 5 : Quai / Voie */
 .aff-classiques-departs__col-platform {
-  width: 90px;
+  width: 120px;
-  min-width: 90px;
+  min-width: 120px;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
+  position: relative;
+  z-index: 20;
 }
 
 .aff-classiques-departs__platform-box {
-  width: 58px;
+  width: 104px;
-  height: 58px;
+  height: 76px;
   border: 3.5px solid var(--white);
-  border-radius: 8px;
+  border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -228,8 +230,9 @@
 
 .aff-classiques-departs__platform-text {
   color: var(--white);
-  font-size: 44px;
+  font-size: 58px;
   font-weight: 700;
   line-height: 1;
   font-family: "Achemine", sans-serif;
+  text-align: center;
 }

src/pages/afficheurs/classiques/ClassiquesDeparts.js

@@ -1215,7 +1215,16 @@ export default function ClassiquesDeparts(){
 	const time = horaire._displayTime || formatTimeNoSeconds(horaire.heure_depart || horaire.departure_time || horaire.time || horaire.heure || '');
 	const destination = horaire.gare_arrivee_nom || horaire.gare_arrivee || horaire.destination || '';
 	const formattedDestination = formatStationName(destination);
-	const rawPlatform = (horaire._displayPlatform || horaire.voie || horaire.quai || '').toString().trim();
+	const rawPlatform = (
+	  horaire._displayPlatform ||
+	  horaire.quai ||
+	  horaire.voie ||
+	  horaire.platform ||
+	  horaire.platform_code ||
+	  horaire.track ||
+	  (horaire.stop_point && horaire.stop_point.platform_code) ||
+	  ''
+	).toString().trim();
 	const cleanPlatform = formatPlatform(rawPlatform);
 
 	const stationId = horaire.gare_depart_id || horaire.gare_id || horaire.origin_id || (gareIdParam || null);