/* Simple Lightbox propre & doré — spécial Papou */

/* Fond sombre derrière l'image */
.lightbox-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.9);
  z-index:9999;
}
.lightbox-overlay.active{display:flex}

/* Conteneur de l'image */
.lightbox-content{
  max-width:95vw;
  max-height:95vh;
  position:relative;
}
.lightbox-content img{
  max-width:95vw;
  max-height:95vh;
  display:block;
  border-radius:14px;
  box-shadow:0 10px 32px rgba(0,0,0,.55);
}

/* Boutons : X, flèche gauche, flèche droite */
.lightbox-close,
.lightbox-prev,
.lightbox-next{
  position:absolute;
  border:none;
  cursor:pointer;
  color:#fff;
}

/* Croix de fermeture */
.lightbox-close{
  top:1.4rem;
  right:1.6rem;
  font-size:28px;
  background:transparent;
}

/* Flèches dorées, rondes, style galerie d'art */
.lightbox-prev,
.lightbox-next{
  top:50%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  font-size:26px;
  line-height:1;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;
  border:1px solid rgba(218,176,92,0.95);

  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.32), transparent 55%),
    radial-gradient(circle at 80% 90%, rgba(218,176,92,0.55), transparent 60%),
    rgba(25, 20, 10, 0.90);

  box-shadow:
    0 6px 18px rgba(0,0,0,0.45),
    0 0 12px rgba(218,176,92,0.55);

  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  transition: transform .18s ease,
              box-shadow .2s ease,
              background .2s ease;
}

/* Position latérale */
.lightbox-prev{ left:14px; }
.lightbox-next{ right:14px; }

/* Hover (PC) : encore plus luxe */
@media (hover:hover){
  .lightbox-prev:hover,
  .lightbox-next:hover{
    transform:translateY(-50%) scale(1.06);
    background:
      radial-gradient(circle at 30% 20%, rgba(255,255,255,0.45), transparent 55%),
      radial-gradient(circle at 80% 90%, rgba(235,195,112,0.85), transparent 60%),
      rgba(20, 15, 8, 0.96);
    box-shadow:
      0 10px 26px rgba(0,0,0,0.55),
      0 0 16px rgba(245,210,120,0.75);
  }
}