/* Modale d agrandissement des images d article. Chargee sur les pages de blog. */

.sw-zoomable { cursor: zoom-in; transition: filter .25s ease, transform .25s ease; }
.sw-zoomable:hover { filter: brightness(1.04); }
.sw-zoomable:focus-visible { outline: 2px solid #e30032; outline-offset: 3px; }

.sw-lb {
  position: fixed; inset: 0; width: 100%; height: 100%;
  z-index: 9999; display: flex; align-items: center; justify-content: center;
  padding: clamp(12px, 4vw, 48px);
  background: rgb(8 8 10 / .92);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  opacity: 0; transition: opacity .22s ease;
  overscroll-behavior: contain;
}
.sw-lb[hidden] { display: none; }
.sw-lb.is-ouverte { opacity: 1; }

.sw-lb-scene {
  margin: 0; display: flex; flex-direction: column; align-items: center; gap: 14px;
  max-width: 100%; max-height: 100%;
  transform: scale(.97); opacity: 0;
  transition: transform .26s cubic-bezier(.2, .8, .2, 1), opacity .26s ease;
}
.sw-lb.is-ouverte .sw-lb-scene { transform: none; opacity: 1; }

.sw-lb-img {
  display: block; max-width: min(1400px, 92vw); max-height: 82vh;
  width: auto; height: auto; object-fit: contain;
  border-radius: 12px; background: #131316;
  box-shadow: 0 30px 80px rgb(0 0 0 / .55);
}
.sw-lb-legende {
  margin: 0; max-width: min(760px, 88vw); text-align: center;
  color: rgb(255 255 255 / .74); font-size: 14px; line-height: 1.5;
}
.sw-lb-compteur { color: rgb(255 255 255 / .45); font-size: 12.5px; letter-spacing: .04em; }

.sw-lb button {
  position: absolute; display: flex; align-items: center; justify-content: center;
  border: 1px solid rgb(255 255 255 / .16); background: rgb(22 22 26 / .78);
  color: #fff; border-radius: 999px; cursor: pointer; padding: 0;
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.sw-lb button:hover { background: #e30032; border-color: #e30032; }
.sw-lb button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.sw-lb-fermer { top: clamp(12px, 3vw, 28px); right: clamp(12px, 3vw, 28px); width: 44px; height: 44px; font-size: 22px; line-height: 1; }
.sw-lb-prec, .sw-lb-suiv { top: 50%; margin-top: -26px; width: 52px; height: 52px; font-size: 26px; line-height: 1; }
.sw-lb-prec { left: clamp(8px, 2vw, 28px); }
.sw-lb-suiv { right: clamp(8px, 2vw, 28px); }
.sw-lb-prec[hidden], .sw-lb-suiv[hidden] { display: none; }

html.sw-lb-verrou { overflow: hidden; }

@media (max-width: 767px) {
  .sw-lb-img { max-height: 70vh; max-width: 94vw; }
  .sw-lb-prec, .sw-lb-suiv { top: auto; bottom: 18px; margin-top: 0; width: 46px; height: 46px; }
  .sw-lb-prec { left: 22px; } .sw-lb-suiv { right: 22px; }
  .sw-lb-legende { font-size: 13px; padding-bottom: 60px; }
}

@media (prefers-reduced-motion: reduce) {
  .sw-lb, .sw-lb-scene { transition: none; }
  .sw-lb-scene { transform: none; }
}