/**
 * LRCMS — стили фотогалереи (.lr-gallery)
 *
 * Отдельный файл, который подключается:
 *   - напрямую на страницах сайта (см. шаблоны template/.../templates/layout.php);
 *   - в визуальный редактор (lr-editor.js) для WYSIWYG-отображения.
 *
 * Контейнер .lr-gallery не содержит собственных inline-стилей в контенте —
 * всё оформление галереи вынесено сюда. Размеры, отступы и обтекание каждого
 * изображения внутри задаются inline из стандартных настроек панели управления,
 * поэтому здесь они не переопределяются.
 */

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

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

/* Сброс обтекания, чтобы следующий за галереей текст не «заезжал» под картинки */
.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;
}