/* ============================================================================
 * Кастомизация лайтбокса галереи (GLightbox).
 * Файл подключается ПОСЛЕ styles/glightbox.min.css, поэтому правила отсюда
 * перекрывают дефолтные. Здесь можно свободно стилизовать лайтбокс под себя.
 *
 * Лайтбокс вешается декларативно: каждое фото в слайдере обёрнуто в
 * <a class="glightbox" data-gallery="tl-gallery"> (см. шаблоны), инициализация —
 * инлайн-скриптом в functions.php. Отдельного js-файла нет.
 *
 * Основные классы GLightbox для стилизации:
 *   .glightbox-container      — корневой контейнер оверлея
 *   .gslide / .gslide-image img — слайд / само фото
 *   .gprev / .gnext / .gclose — кнопки навигации и закрытия
 *   .goverlay                 — затемнённый фон
 *   .gslide-description       — блок подписи (если включить captions)
 * ==========================================================================*/

/* обёртка-ссылка не должна влиять на вёрстку слайда: картинка позиционируется
   абсолютно относительно .galleryAnim__slide, как и раньше */
.galleryAnim .glightbox {
  display: contents;
}

/* курсор-подсказка: по фото можно кликнуть для увеличения */
.galleryAnim__slide--img {
  cursor: zoom-in;
}

/* поднимаем лайтбокс выше любых слоёв темы */
.glightbox-container {
  z-index: 2147483647 !important;
}

/* фон под фото — в тон тёмному сайту */
.glightbox-container .goverlay {
  background: rgba(8, 8, 8, 0.94);
}

/* ============================================================================
 * Фикс прыжка страницы наверх при открытии лайтбокса */
html.glightbox-open {
  overflow: visible !important;
  height: 100% !important;
}
body.glightbox-open.gscrollbar-fixer {
  margin-right: 0 !important;
}
/* ============================================================================