/* Lightbox for the theme's [data-fancybox] galleries (src/widgets/lightbox.ts). */
.rt-lb-open { overflow: hidden; }
.rt-lb { position: fixed; inset: 0; z-index: 99992; display: flex; align-items: center; justify-content: center; }
.rt-lb__bg { position: absolute; inset: 0; background: rgba(30, 30, 30, 0.9); }
.rt-lb__stage { position: relative; max-width: calc(100vw - 140px); max-height: calc(100vh - 140px); display: flex; align-items: center; justify-content: center; }
.rt-lb__stage img { max-width: 100%; max-height: calc(100vh - 140px); object-fit: contain; user-select: none; -webkit-user-drag: none; }
.rt-lb__stage iframe { width: min(1000px, calc(100vw - 140px)); aspect-ratio: 16 / 9; border: 0; background: #000; }
.rt-lb__bar { position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; color: #ccc; font-size: 14px; z-index: 1; }
.rt-lb__close, .rt-lb__nav { background: rgba(30, 30, 30, 0.6); color: #ccc; border: 0; cursor: pointer; line-height: 1; transition: color 0.2s; }
.rt-lb__close:hover, .rt-lb__nav:hover { color: #fff; }
.rt-lb__close { font-size: 34px; width: 44px; height: 44px; }
.rt-lb__nav { position: absolute; top: 50%; transform: translateY(-50%); font-size: 26px; width: 50px; height: 70px; z-index: 1; }
.rt-lb__prev { left: 10px; }
.rt-lb__next { right: 10px; }
.rt-lb__caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 18px 60px; text-align: center; color: #eee; font-size: 14px; line-height: 20px; background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent); }
@media (max-width: 767px) {
  .rt-lb__stage { max-width: 100vw; }
  .rt-lb__stage img { max-height: calc(100vh - 160px); }
  .rt-lb__stage iframe { width: 100vw; }
  .rt-lb__nav { width: 40px; height: 56px; }
}