/* Lightbox Nobuo, independante de tout theme. */

.nb-lb{
  position:fixed; inset:0; z-index:99999;
  display:flex; align-items:center; justify-content:center;
  background:rgba(8,8,9,.94);
  opacity:0; visibility:hidden; transition:opacity .2s ease, visibility .2s ease;
}
.nb-lb.est-ouverte{ opacity:1; visibility:visible; }

.nb-lb-scene{
  position:relative;
  max-width:92vw; max-height:88vh;
  display:flex; align-items:center; justify-content:center;
}
.nb-lb-scene img{
  max-width:92vw; max-height:88vh;
  width:auto; height:auto; display:block;
  border:1px solid #26262a;
}
.nb-lb-scene iframe,
.nb-lb-scene video{
  width:min(92vw,1280px); aspect-ratio:16/9; height:auto;
  border:1px solid #26262a; display:block; background:#000;
}

.nb-lb-legende{
  position:absolute; left:0; right:0; bottom:-30px;
  text-align:center; font-size:12px; color:#8c8b88;
}

.nb-lb button{
  position:absolute; z-index:2;
  width:44px; height:44px; padding:0;
  background:rgba(19,19,21,.8); border:1px solid #333337;
  color:#d8d6d2; font-size:22px; line-height:1; cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.nb-lb button:hover{ background:#9a2f2f; color:#fff; }
.nb-lb-fermer{ top:18px; right:18px; }
.nb-lb-prec{ left:18px; top:50%; margin-top:-22px; }
.nb-lb-suiv{ right:18px; top:50%; margin-top:-22px; }

.nb-lb-compteur{
  position:absolute; top:24px; left:22px;
  font-size:12px; letter-spacing:.14em; color:#63625f;
}

@media (max-width:690px){
  .nb-lb-prec, .nb-lb-suiv{ top:auto; bottom:18px; margin-top:0; }
  .nb-lb-prec{ left:18px; }
  .nb-lb-suiv{ right:18px; }
  .nb-lb-legende{ bottom:-26px; font-size:11px; }
}