/**
 * LRCMS — стили фотогалереи (.lr-gallery)
 *
 * Отдельный файл, который подключается:
 *   - напрямую на страницах сайта (см. шаблоны template/.../templates/layout.php);
 *   - в визуальный редактор (lr-editor.js) для WYSIWYG-отображения.
 *
 * Базовые правила контейнера и изображений. На сайте галерея выводится
 * карточками в стиле медиатеки: разметку <figure class="lr-gallery__item">
 * формирует helper GalleryMeta при рендеринге, а сетку/карточки/подписи
 * задаёт тема — .lr-gallery__item / __link / __caption в
 * template/akbars/css/media.css. В редакторе сохраняется исходная разметка
 * (<img> с inline-размерами из настроек панели управления).
 */

/* Контейнер галереи */
.lr-gallery {
  display: block;
  clear: both;
  margin: 16px 0;
}

/* Изображения галереи */
.lr-gallery img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

/* Постоянная лёгкая рамка у изображений галереи (в т.ч. в редакторе),
   чтобы каждая картинка читалась как отдельный интерактивный элемент.
   На публичной странице медиатеки (.media-gallery) не применяется —
   там карточки оформляются темой. */
.lr-gallery:not(.media-gallery) img {
  border: 1px solid #b7d8bf;
  border-radius: 4px;
}

/* Сброс обтекания, чтобы следующий за галереей текст не «заезжал» под картинки */
.lr-gallery::after {
  content: "";
  display: table;
  clear: both;
}

/* Подсказка только для редактора: рамка вокруг блока галереи.
   На страницах сайта (.lr-editor-body отсутствует) не применяется. */
.lr-editor-body .lr-gallery {
  padding: 8px;
  border: 1px dashed #94a3b8;
  border-radius: 6px;
}