date range mobile display fix

web/themes/custom/leshed/assets/scss/partials/abstracts/_event-date-time.scss

@@ -1,6 +1,7 @@
 
 @use "sass:math";
 @use "fluid" as *;
+@use "../abstracts/breakpoints" as *;
 
 @mixin event-date-time($ref: 10em){
   display: flex;
@@ -15,6 +16,9 @@
   // dérivent de --ref : le bloc entier rétrécit en lock-step, sans désaligner
   // la grille par rapport à la typo. NB : les em sont convertis via px() sur
   // hypothèse d'un contexte de 16px.
+  @media #{$mobile}{
+    $ref:calc($ref * 0.7);
+  }
   --ref: #{fluid-clamp(px($ref), $min: math.div(px($ref), 1.5))};
   time{
     position: relative;