/* ===== ТЁМНЫЙ ЛАЙТБОКС ДЛЯ ГАЛЕРЕЙ ТИЛЬДЫ (90% видимый, 10% прозрачный) ===== */

/* Зум попап (клик по фото) */
.t-zoomer__bg {
  background-color: rgba(31, 31, 31, 0.9) !important;
  opacity: 1 !important;
}

.t-zoomer__container {
  background: transparent !important;
  box-shadow: none !important;
}

/* Вариант, когда галерея открывается через t-popup */
.t-popup.t-popup_show {
  background-color: rgba(31, 31, 31, 0.9) !important;
}

.t-popup__container {
  background: transparent !important;
  box-shadow: none !important;
}

/* ===== КНОПКИ И НАВИГАЦИЯ ===== */
.t-zoomer__close,
.t-popup__close,
.t-slds__arrow {
  filter: none !important;
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Убираем hover или появление */
.t-zoomer__close:hover,
.t-popup__close:hover,
.t-slds__arrow:hover {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* Слой затемнения у слайдера */
.t-slds__overlay {
  background: rgba(31, 31, 31, 0.9) !important;
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */
@media (max-width: 640px) {
  .t-popup__close-wrapper,
  .t-zoomer__top,
  .t-zoomer__close_bg {
    background: transparent !important;
    box-shadow: none !important;
  }

  .t-popup__close,
  .t-zoomer__close {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .t-popup__close svg,
  .t-popup__close svg path,
  .t-zoomer__close svg,
  .t-zoomer__close svg path {
    fill: #fff !important;
    stroke: #fff !important;
  }

  .t-popup__close::before,
  .t-zoomer__close::before,
  .t-popup__close-wrapper::before,
  .t-zoomer__top::before {
    background: transparent !important;
    box-shadow: none !important;
  }

  .t-popup__close,
  .t-zoomer__close {
    top: calc(env(safe-area-inset-top, 0px) + 8px) !important;
    right: calc(env(safe-area-inset-right, 0px) + 8px) !important;
  }

  .t-popup__container,
  .t-zoomer__container {
    pointer-events: none !important;
  }

  .t-popup__close,
  .t-zoomer__close,
  .t-popup__img,
  .t-zoomer__img {
    pointer-events: auto !important;
  }
}