/**
 * @file lightbox.css — полноэкранный просмотр фото (js/lightbox.js, список вёрстки п.4, 2026-09-27).
 * Только сырые значения геометрии оверлея и уже существующие в теме переменные (--ee-btn-accent, --shadow-2xl,
 * --radius) — без токенов отменённой системы оформления этапа 1 (--ee-s*/--ee-control/--ee-fs-*/--ee-line-strong).
 */
.ee-lightbox { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; }
.ee-lightbox[hidden] { display: none; }
html.ee-lightbox-lock, html.ee-lightbox-lock body { overflow: hidden; }
.ee-lightbox__backdrop { position: absolute; inset: 0; background: color-mix(in oklab, black 88%, transparent); }
.ee-lightbox__stage { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 1.5rem 2rem; box-sizing: border-box; }
.ee-lightbox__img { max-width: 100%; max-height: calc(100vh - 6rem); object-fit: contain; box-shadow: var(--shadow-2xl); border-radius: .5rem; background: color-mix(in oklab, black 20%, transparent); cursor: pointer; }
/* клик по самой картинке листает (правая половина = вперёд, левая = назад, js/lightbox.js); клик мимо неё (на .ee-lightbox__stage
   вокруг фото, или на подложке) закрывает — оба узла помечены data-ee-lb-close, картинка — нет */
.ee-lightbox__close {
  position: absolute; top: 1rem; right: 1rem; z-index: 2; display: inline-flex; align-items: center; justify-content: center;
  width: 2.75rem; height: 2.75rem; border: 0; border-radius: 50%; background: color-mix(in oklab, black 45%, transparent);
  color: #fff; cursor: pointer;
}
.ee-lightbox__close:hover { background: color-mix(in oklab, black 65%, transparent); }
.ee-lightbox__close:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.ee-lightbox__nav {
  position: absolute; top: 50%; z-index: 2; display: inline-flex; align-items: center; justify-content: center; transform: translateY(-50%);
  width: 2.75rem; height: 2.75rem; border: 0; border-radius: 50%; background: color-mix(in oklab, black 45%, transparent);
  color: #fff; cursor: pointer;
}
.ee-lightbox__nav[hidden] { display: none; }
.ee-lightbox__nav:hover { background: color-mix(in oklab, black 65%, transparent); }
.ee-lightbox__nav:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.ee-lightbox__nav--prev { left: 1rem; }
.ee-lightbox__nav--next { right: 1rem; }
.ee-lightbox__caption { position: absolute; left: 0; right: 0; bottom: 1.5rem; z-index: 2; margin: 0; padding: 0 1.5rem; color: #fff; text-align: center; font-size: .9375rem; }
.ee-lightbox__caption[hidden] { display: none; }
.ee-lightbox__counter { position: absolute; top: 1rem; left: 1rem; z-index: 2; margin: 0; color: color-mix(in oklab, white 80%, transparent); font-size: .8125rem; }
.ee-lightbox__counter[hidden] { display: none; }

/* курсор-подсказка на увеличиваемых картинках (текст статей и т.п.) */
.ee-lightbox-zoomable { cursor: zoom-in; }

@media (max-width: 47.99rem) {
  .ee-lightbox__stage { padding: 1rem; }
  .ee-lightbox__img { max-height: calc(100vh - 4rem); }
  .ee-lightbox__nav { display: none; }   /* на телефоне листает свайп, кнопки-стрелки не нужны — экономят место */
  .ee-lightbox__close { top: .5rem; right: .5rem; }
}