/* =====================================================================
   INOVATIVA — Lightbox (detail fotky po kliknutí + posuvník ←/→)
   ---------------------------------------------------------------------
   Vše s prefixem `lb-` a pod `#inv-lb`, aby nekolidovalo se šablonou Ohio.
   Aktivuje se na kontejnerech s třídou `.inv-lightbox-gallery` (logiku
   vkládá assets/js/inovativa-lightbox.js).
   ===================================================================== */

/* obrázky v galerii signalizují klikatelnost */
.inv-lightbox-gallery img { cursor: zoom-in; }

#inv-lb {
  position: fixed; inset: 0; z-index: 99990;
  display: none;
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
#inv-lb.lb-open { display: block; }
#inv-lb *, #inv-lb *::before, #inv-lb *::after { box-sizing: border-box; }

#inv-lb .lb-backdrop {
  position: absolute; inset: 0;
  background: rgba(8, 12, 26, .93);
  -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
  animation: lb-fade .25s ease;
}
@keyframes lb-fade { from { opacity: 0; } to { opacity: 1; } }

/* scéna s obrázkem */
#inv-lb .lb-stage {
  position: absolute; inset: 0; margin: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 16px; padding: 6vh 7vw; pointer-events: none;
}
#inv-lb .lb-img {
  max-width: 100%; max-height: 100%;
  width: auto; height: auto; object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 40px 110px rgba(0, 0, 0, .6);
  background: #0c1024;
}
#inv-lb.lb-anim .lb-img { animation: lb-pop .32s cubic-bezier(.2, .9, .3, 1.1) both; }
@keyframes lb-pop { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: none; } }
#inv-lb .lb-count {
  font-size: 13px; letter-spacing: .18em; color: rgba(255, 255, 255, .7);
}

/* tlačítka (zavřít + navigace) */
#inv-lb button {
  position: absolute; border: none; cursor: pointer; z-index: 2;
  display: flex; align-items: center; justify-content: center;
  color: #fff; background: rgba(255, 255, 255, .12);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border-radius: 50%; transition: background .15s ease, transform .12s ease;
}
#inv-lb button:hover { background: rgba(255, 255, 255, .24); }
#inv-lb button:active { transform: scale(.94); }
#inv-lb button svg { width: 22px; height: 22px; }

#inv-lb .lb-close { top: 22px; right: 26px; width: 46px; height: 46px; }
#inv-lb .lb-nav { top: 50%; transform: translateY(-50%); width: 54px; height: 54px; }
#inv-lb .lb-nav:active { transform: translateY(-50%) scale(.94); }
#inv-lb .lb-prev { left: 24px; }
#inv-lb .lb-next { right: 24px; }

@media (max-width: 640px) {
  #inv-lb .lb-stage { padding: 8vh 4vw; }
  #inv-lb .lb-nav { width: 44px; height: 44px; }
  #inv-lb .lb-prev { left: 12px; }
  #inv-lb .lb-next { right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #inv-lb .lb-backdrop, #inv-lb.lb-anim .lb-img { animation: none !important; }
}