/**
 * LRCMS — стили блока видео (.lr-video)
 *
 * Специальный блок, который вставляет визуальный редактор (lr-editor.js,
 * кнопка «🎬 Видео»). Внутри размещается HTML5-плеер <video> с источником
 * <source>. Размеры экрана и изображение-фон (обложка) задаются inline при
 * вставке.
 *
 * Файл подключается:
 *   - напрямую на страницах сайта (см. шаблоны template/.../templates/layout.php);
 *   - в визуальный редактор (lr-editor.js) для WYSIWYG-отображения.
 *
 * Если изображение-фон не выбрано, до начала воспроизведения показывается
 * чёрный экран — background у контейнера и плеера задан чёрным.
 */

/* Контейнер видео */
.lr-video {
  display: block;
  clear: both;
  margin: 16px 0;
  background: #000;
  line-height: 0;
  text-align: center;
  border-radius: 6px;
  overflow: hidden;
}

/* Плеер видео. Инлайновые width/height из редактора переопределяют ширину
   100% (inline-стили приоритетнее правил таблицы стилей). */
.lr-video video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  background: #000;
  margin: 0 auto;
}

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