/* Correctifs V74 : dates de galerie, formulaire média et commandes du lecteur. */

/* La date reste au-dessus de son groupe et ne recouvre plus la première ligne. */
.album-date-group{
  display:block!important;
  clear:both!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.album-date-heading{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:2!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:8px 2px 7px!important;
  background:#080808!important;
  transform:none!important;
}
.album-date-media-grid{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
}

/* Le choix de la date reste entièrement dans la carte d'envoi. */
.media-upload-card .media-upload-fields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  gap:12px!important;
}
.media-upload-card .media-upload-fields>label,
.media-upload-card .media-date-choice{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.media-upload-card .media-date-choice{
  overflow:hidden!important;
}
.media-upload-card .media-date-choice label{
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.media-upload-card .media-date-choice input[type="date"]{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Sur PC, les commandes sont à droite et la date reste au centre. */
@media(min-width:801px){
  .lightbox-dialog[open] .lightbox-photo-date{
    top:16px!important;
    left:50%!important;
    right:auto!important;
    z-index:92!important;
    max-width:min(34vw,460px)!important;
    transform:translateX(-50%)!important;
  }
  .lightbox-dialog[open] .lightbox-tools{
    position:absolute!important;
    top:16px!important;
    left:auto!important;
    right:78px!important;
    z-index:94!important;
    display:flex!important;
    max-width:38vw!important;
    margin:0!important;
    transform:none!important;
  }
}

@media(min-width:801px) and (max-width:1050px){
  .lightbox-dialog[open] .lightbox-tools{
    top:62px!important;
    right:16px!important;
  }
}

@media(max-width:700px){
  .album-date-heading{
    margin-bottom:7px!important;
    padding:7px 2px 6px!important;
  }
  .media-upload-card .media-date-choice{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
