/* Lightbox globale — Léa Moretti */

.lightbox{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.lightbox.active{
  display: flex;
}

.lightbox img{
  max-width: 90vw;
  max-height: 85vh;
  box-shadow: 0 20px 60px rgba(0,0,0,.6);
}

/* Croix (haut gauche) */
.lightbox .close{
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 32px;
  line-height: 1;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
}

/* Flèches */
.lightbox .prev,
.lightbox .next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 48px;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
  padding: 20px;
}

.lightbox .prev{ left: 10px; }
.lightbox .next{ right: 10px; }