/* ============================================================
   photoswipe-ivory-theme.css
   Ivory lightbox theme для AWJ
   ------------------------------------------------------------
   ДВА ВАРИАНТА подключения (выберите один):

   A) Отдельным файлом (рекомендуется, не ломает апгрейды):
      В news/*.html и news.html после photoswipe.css:
      <link rel="stylesheet" href="/vendor/photoswipe/photoswipe.css">
      <link rel="stylesheet" href="/vendor/photoswipe/photoswipe-ivory-theme.css">

   B) Append в конец site/vendor/photoswipe/photoswipe.css
      (содержимое ниже). Минус: при обновлении PhotoSwipe
      тему нужно будет восстанавливать.
   ============================================================ */

.pswp {
  --pswp-bg: #FAF7EE;
}

.pswp__bg {
  opacity: 0.96 !important;
}

.pswp__top-bar {
  background: rgba(250, 247, 238, 0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.pswp__button {
  color: #1B3A5C;
}

.pswp__button:hover,
.pswp__button:focus-visible {
  color: #B8860B;
}

.pswp__counter {
  color: #1B3A5C;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  letter-spacing: 0.06em;
}

/* Caption, если используете плагин photoswipe-dynamic-caption */
.pswp__dynamic-caption {
  color: #1B3A5C;
  font-family: 'Literata', Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 1.5;
}

.pswp__dynamic-caption--aside {
  background: rgba(250, 247, 238, 0.92);
}