@charset "UTF-8";
/* VIDEO-EMBED-1 (03.10.2026). Плеер видео по ссылке в материалах производных
   разделов (новость заведения/персоны/коллектива, статья, новость сайта,
   событие). Кадр всегда 16:9 и ужимается по ширине колонки: на телефоне
   переполнения нет. Разметку собирает lib/videolib.php — своих стилей у
   вставленного кода нет. */

.cb-video { margin: 18px 0 8px; }
/* Внешний блок задаёт ШИРИНУ (не шире колонки и не шире 720 px), внутренний —
   пропорцию 16:9. Проценты в padding-top считаются от ширины РОДИТЕЛЯ,
   поэтому держать их на том же элементе, где стоит max-width, нельзя:
   на широкой колонке кадр получался выше 16:9. */
.cb-video-frame { width: 100%; max-width: 720px; }
.cb-video-hold { position: relative; width: 100%;
  padding-top: 56.25%;        /* 16:9 */
  background: #000; border-radius: 4px; overflow: hidden; }
.cb-video-iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  border: 0; display: block; }
.cb-video-src { font-size: 12px; line-height: 16px; color: #888; margin-top: 6px; }

/* Видео встроить нельзя (площадка не из белого списка) — показываем ссылку. */
.cb-video-ext { margin: 16px 0 8px; font-size: 15px; line-height: 22px;
  word-wrap: break-word; overflow-wrap: anywhere; }
.cb-video-ext a { color: #00aeef; }

/* Поле «Ссылка на видео» в формах. */
.cb-video-label { display: block; font-size: 14px; line-height: 20px; margin-bottom: 6px; }
.cb-video-opt { color: #888; }
.cb-video-input { width: 100%; box-sizing: border-box; padding: 8px 10px;
  border: 1px solid #ccc; border-radius: 3px; font-size: 15px; }
.cb-video-hint { font-size: 12px; line-height: 16px; color: #777; margin-top: 4px; }
.cb-video-err { font-size: 13px; line-height: 18px; color: #c00; margin-top: 6px; }

@media (max-width: 768px) {
  .cb-video { margin: 14px 0 6px; }
  .cb-video-frame { border-radius: 3px; }
  .cb-video-input { font-size: 16px; }   /* без зума в iOS */
}