/* Visionneuse plein écran, partagée (Médias, installations du tennis…) */
body.lb-on{overflow:hidden}
.lbox{position:fixed;inset:0;z-index:200;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,22px);padding:clamp(56px,7vh,74px) clamp(12px,3vw,30px);background:rgba(5,16,10,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:lbIn .28s var(--ease)}
.lbox[hidden]{display:none}
@keyframes lbIn{from{opacity:0}to{opacity:1}}
.lb-fig{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;gap:12px;margin:0;height:100%;min-width:0;min-height:0}
.lb-fig img{max-width:100%;max-height:min(100%,calc(100dvh - 2 * clamp(56px,7vh,74px) - 36px));min-height:0;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 30px 90px -34px #000;animation:lbZoom .4s var(--ease)}
@keyframes lbZoom{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.lb-fig figcaption{color:#EAF3EC;font-size:.9rem;text-align:center;max-width:72ch}
.lb-fig figcaption:empty{display:none}
.lb-nav,.lb-x{width:52px;height:52px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .3s,color .3s,transform .3s var(--back)}
.lb-nav:hover,.lb-x:hover{background:var(--yellow);color:#0B1F14;transform:scale(1.08)}
.lb-x{position:absolute;top:16px;right:16px;z-index:2}
.lb-count{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:#9DB2A4;font-size:.85rem;font-variant-numeric:tabular-nums}

@media (max-width:700px){
  .lbox{grid-template-columns:1fr;padding:64px 12px 86px}
  .lb-fig img{max-height:min(100%,calc(100dvh - 186px))}
  .lb-nav{position:absolute;bottom:16px}
  .lb-prev{left:calc(50% - 94px)}  /* 84 px libres entre les deux boutons pour le compteur « 12 / 29 » */
  .lb-next{right:calc(50% - 94px)}
  .lb-count{bottom:36px}
}
@media (prefers-reduced-motion:reduce){.lbox,.lb-fig img{animation:none}}
[data-lb] [data-full]:not(button){cursor:zoom-in}
