/* styles/default/components/c-lightbox.css — #43 lightbox: <dialog> přes celou obrazovku, obrázek object-fit: contain, ✕ / Esc / klik zavře, šipky mezi obrázky,
   „Otevřít originál“. Staví ho App.lightbox.open() (vedle toastů druhý markup z JS – 03 §9.41).
   Created :: 2026-10-23
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-lightbox { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: var(--lightbox-bg); color: var(--lightbox-fg); display: grid; place-items: center; cursor: zoom-out; }
.c-lightbox::backdrop { background: transparent; }
.c-lightbox__figure { margin: 0; display: flex; flex-direction: column; align-items: center; gap: var(--sp-3); max-width: 100vw; cursor: default; }
.c-lightbox__img { display: block; max-width: calc(100vw - var(--sp-4) * 2); max-height: calc(100dvh - 8rem); object-fit: contain; border-radius: var(--r-md); box-shadow: var(--sh-lg); cursor: zoom-out; }
.c-lightbox__caption { display: flex; align-items: center; gap: var(--sp-4); font-size: var(--fs-sm); color: var(--lightbox-fg-muted); }
.c-lightbox__original { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.c-lightbox__original:hover { color: var(--lightbox-fg); }
.c-lightbox__close { position: absolute; top: var(--sp-3); right: var(--sp-3); }
.c-lightbox__nav { position: absolute; top: 50%; transform: translateY(-50%); }
.c-lightbox__nav--prev { left: var(--sp-3); }
.c-lightbox__nav--next { right: var(--sp-3); }
@media (max-width: 767.98px) {
  .c-lightbox__img { max-width: 100vw; border-radius: 0; }
  .c-lightbox__nav { top: auto; bottom: var(--sp-3); transform: none; }
}