/* Galerie d'album V70. Chargée après styles.css pour neutraliser les anciennes règles. */
.album-dialog:not([open]){
  display:none!important;
}

.album-dialog[open]{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  width:min(1320px,96vw)!important;
  height:min(880px,92dvh)!important;
  max-width:none!important;
  max-height:92dvh!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  background:#080808!important;
  color:#fff!important;
}

.album-dialog-head,
.album-dialog-toolbar{
  position:relative!important;
  min-width:0!important;
  flex:none!important;
}

.album-dialog-head{
  z-index:20!important;
}

#albumDialogClose{
  position:relative!important;
  z-index:50!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

.album-dialog-toolbar{
  z-index:10!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto!important;
  align-items:end!important;
  gap:12px!important;
}

.album-dialog-grid{
  position:relative!important;
  display:flex!important;
  flex-flow:row wrap!important;
  align-content:flex-start!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:14px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

.album-dialog-media{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  float:none!important;
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:start!important;
  flex:0 0 calc((100% - 30px) / 4)!important;
  width:calc((100% - 30px) / 4)!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:14px!important;
  background:#111!important;
  transform:none!important;
  contain:none!important;
}

.album-dialog-media:hover{
  transform:translateY(-2px)!important;
}

.album-dialog-media>img,
.album-dialog-media>video{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  transform:none!important;
}

#albumDialogEmpty{
  margin:0!important;
  padding:24px!important;
}

@media(max-width:1000px) and (min-width:701px){
  .album-dialog-media{
    flex-basis:calc((100% - 20px) / 3)!important;
    width:calc((100% - 20px) / 3)!important;
  }
}

@media(max-width:700px){
  .album-dialog[open]{
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
  }

  .album-dialog-head{
    min-height:58px!important;
    padding:7px 10px 6px 13px!important;
  }

  .album-dialog-head .eyebrow{
    display:none!important;
  }

  .album-dialog-head h2{
    max-width:calc(100vw - 74px)!important;
    overflow:hidden!important;
    font-size:clamp(1.65rem,7.5vw,2.15rem)!important;
    line-height:1!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #albumDialogClose{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
  }

  .album-dialog-toolbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:6px 7px!important;
  }

  .album-dialog-toolbar input{
    min-height:40px!important;
    padding:7px 11px!important;
  }

  .album-filters-toggle{
    display:flex!important;
    min-width:88px!important;
    min-height:40px!important;
    padding:7px 10px!important;
  }

  .album-filters-panel{
    display:none!important;
    grid-column:1/-1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:8px!important;
  }

  .album-filters-panel.is-open{
    display:grid!important;
  }

  .album-dialog-grid{
    gap:6px!important;
    padding:7px!important;
  }

  .album-dialog-media{
    flex-basis:calc((100% - 6px) / 2)!important;
    width:calc((100% - 6px) / 2)!important;
    aspect-ratio:1/1!important;
    border-radius:10px!important;
  }
}

@media(max-width:700px) and (orientation:landscape){
  .album-dialog-media{
    flex-basis:calc((100% - 18px) / 4)!important;
    width:calc((100% - 18px) / 4)!important;
  }
}