/* Cresco v1.32 — correction ciblée du champ date sur petits écrans.
   Certains navigateurs mobiles conservent une largeur intrinsèque pour
   input[type=date] et ses sous-éléments natifs. On contraint ici le champ
   à la largeur réelle de sa cellule sans modifier le sélecteur de date. */

@media screen and (max-width:560px){
  .setup-card,
  .setup-card > .date-field{
    min-width:0!important;
    max-width:100%!important;
  }

  .setup-card > .date-field{
    display:block!important;
    width:100%!important;
    overflow:hidden;
  }

  #startDate{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    overflow:hidden!important;
  }

  /* Chromium / WebKit : empêcher le contenu natif du champ date
     d'imposer à nouveau une largeur minimale supérieure au conteneur. */
  #startDate::-webkit-date-and-time-value,
  #startDate::-webkit-datetime-edit,
  #startDate::-webkit-datetime-edit-fields-wrapper{
    min-width:0!important;
    max-width:100%!important;
  }

  #startDate::-webkit-datetime-edit{
    overflow:hidden;
  }

  #startDate::-webkit-calendar-picker-indicator{
    flex:0 0 auto;
    margin-left:auto;
  }
}