.lightbox[hidden]{display:none !important}
.lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:rgba(255,255,255,0.97);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity 0.25s ease;cursor:zoom-out}
.lightbox[data-open="true"]{opacity:1}
.lightbox__figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:min(1100px,95vw);max-height:90vh}
.lightbox__image{max-width:100%;max-height:calc(90vh - 40px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 20px 50px rgba(5,30,40,0.15);transform:scale(0.96);transition:transform 0.3s ease,opacity 0.2s ease;cursor:default}
.lightbox[data-open="true"] .lightbox__image{transform:scale(1)}
.lightbox__image.is-fading{opacity:0}
.lightbox__counter{color:var(--color-gray-500);font-family:var(--font-body);font-size:0.9rem;letter-spacing:0.05em}
.lightbox__close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bleu-fonce);color:var(--color-white);border:none;border-radius:50%;cursor:pointer;box-shadow:0 8px 24px rgba(5,30,40,0.18);transition:transform 0.2s ease,background-color 0.2s ease;z-index:2}
.lightbox__close:hover{transform:scale(1.08);background-color:var(--color-jaune);color:var(--color-white)}
.lightbox__close:focus-visible{outline:2px solid var(--color-jaune);outline-offset:3px}
.lightbox__close svg{width:22px;height:22px}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bleu-fonce);color:var(--color-white);border:none;border-radius:50%;cursor:pointer;box-shadow:0 8px 24px rgba(5,30,40,0.18);transition:transform 0.2s ease,background-color 0.2s ease;z-index:2}
.lightbox__nav:hover{background-color:var(--color-jaune);color:var(--color-white);transform:translateY(-50%) scale(1.08)}
.lightbox__nav:focus-visible{outline:2px solid var(--color-jaune);outline-offset:3px}
.lightbox__nav svg{width:24px;height:24px}
.lightbox__nav--prev{left:var(--space-lg)}
.lightbox__nav--next{right:var(--space-lg)}
body.lightbox-open{overflow:hidden}
@media (max-width:640px){
  .lightbox{padding:var(--space-md)}
  .lightbox__close{top:var(--space-md);right:var(--space-md);width:40px;height:40px}
  .lightbox__close svg{width:18px;height:18px}
  .lightbox__nav{width:42px;height:42px}
  .lightbox__nav svg{width:20px;height:20px}
  .lightbox__nav--prev{left:var(--space-sm)}
  .lightbox__nav--next{right:var(--space-sm)}
}