/* ============================================================================
   RED Rental — типографика контента блога (списки, таблицы, цитаты, видео)
   Положить в: /wp-content/themes/redrent/assets/blog-content-blocks.css
   Подключается из mu-plugin redrent-blocks-fix.php ПОСЛЕ main.css.

   ЗАЧЕМ: main.css содержит Tailwind-preflight с правилом
       ol, ul, menu { list-style: none; margin: 0; padding: 0 }
   Маркеры списков в блоге раньше «возвращал» общий CSS ядра WordPress
   (block-library/style.min.css), который после обновления до WP 6.9+ на
   страницы блога не попадает. В итоге <ul class="wp-block-list"> рендерится
   без маркеров — как обычный текст.

   Ниже — правила для контентной части (.content в блоге и .entry-content
   на остальных страницах). Специфичность выше preflight-сброса, поэтому
   срабатывает поверх темы. Шапка/подвал/меню/слайдеры не затрагиваются —
   они вне .content / .entry-content.
   ============================================================================ */

/* ============================ 1. СПИСКИ ==================================== */

.content ul,
.content ol,
.content .wp-block-list,
.entry-content ul,
.entry-content ol,
.entry-content .wp-block-list {
	list-style-position: outside;   /* маркер снаружи: перенос строки не «съезжает» под маркер */
	margin: 0 0 1.5rem;
	padding-left: 1.6em;            /* место под маркер (preflight обнулил padding) */
}

/* Маркированный список.
   ВАЖНО: селекторы идут ТОЛЬКО по тегу ul (плюс вариант с классом
   ul.wp-block-list). Нельзя писать `.content .wp-block-list` без тега:
   этот класс есть и у <ol class="wp-block-list">, и тогда нумерованный
   список получал бы маркеры-точки вместо цифр. */
.content ul,
.content ul.wp-block-list,
.entry-content ul,
.entry-content ul.wp-block-list {
	list-style-type: disc;
}

/* Нумерованный список — зеркально, только по тегу ol */
.content ol,
.content ol.wp-block-list,
.entry-content ol,
.entry-content ol.wp-block-list {
	list-style-type: decimal;
}

/* Вложенные уровни — как в типографике WordPress */
.content ul ul,
.entry-content ul ul            { list-style-type: circle; }
.content ul ul ul,
.entry-content ul ul ul         { list-style-type: square; }
.content ol ol,
.entry-content ol ol            { list-style-type: lower-alpha; margin-bottom: 0; }
.content ol ol ol,
.entry-content ol ol ol         { list-style-type: lower-roman; }
.content ol ul,
.content ul ol,
.entry-content ol ul,
.entry-content ul ol            { margin-bottom: 0; }

/* Списки, где в редакторе задан стиль «без маркеров»
   (класс is-style-none / is-style-checkmark-list и т.п.) — уважаем настройку */
.content .wp-block-list.is-style-none,
.content ul.wp-block-list[style*="list-style-type:none"],
.entry-content .wp-block-list.is-style-none {
	list-style-type: none;
	padding-left: 0;
}

/* Пункты списка */
.content li,
.entry-content li {
	margin-bottom: .5rem;
	padding-left: .25em;
}

.content li > ul,
.content li > ol,
.entry-content li > ul,
.entry-content li > ol {
	margin-top: .5rem;
	margin-bottom: 0;
}

/* Списки, у которых в редакторе задан фон — как в ядре WP */
:root :where(.wp-block-list.has-background) {
	padding: 1.25em 2.375em;
}

/* Списки в сайдбарах/виджетах блога не трогаем: у них свои классы,
   и они не вложены в .content / .entry-content. */


/* ============================ 2. ТАБЛИЦЫ ================================== */

.content .wp-block-table,
.entry-content .wp-block-table {
	overflow-x: auto;               /* длинная таблица не ломает мобильную версию */
	margin: 0 0 1.75rem;
}

.content .wp-block-table table,
.content table,
.entry-content .wp-block-table table,
.entry-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.0625rem;           /* ~17px */
	line-height: 1.55;
}

.content .wp-block-table th,
.content .wp-block-table td,
.content table th,
.content table td,
.entry-content .wp-block-table th,
.entry-content .wp-block-table td {
	border: 1px solid #dcdcdc;
	padding: .65em .9em;
	vertical-align: top;
	text-align: left;
}

.content .wp-block-table th,
.content table th,
.entry-content .wp-block-table th {
	background: #f4f4f5;
	font-weight: 700;
}

.content .wp-block-table tbody tr:nth-child(even) td,
.entry-content .wp-block-table tbody tr:nth-child(even) td {
	background: #fafafa;
}

.content .wp-block-table figcaption,
.entry-content .wp-block-table figcaption {
	font-size: .9375rem;
	opacity: .6;
	margin-top: .5rem;
}


/* ============================ 3. ЦИТАТЫ =================================== */

.content .wp-block-quote,
.entry-content .wp-block-quote {
	border-left: 4px solid #ff0000;  /* фирменный красный RED */
	margin: 0 0 1.75rem;
	padding: .25rem 0 .25rem 1.25rem;
	font-style: italic;
}

.content .wp-block-quote cite,
.entry-content .wp-block-quote cite {
	display: block;
	margin-top: .5rem;
	font-style: normal;
	font-size: .9375rem;
	opacity: .65;
}

.content .wp-block-quote.is-style-large,
.entry-content .wp-block-quote.is-style-large {
	border: none;
	padding-left: 0;
	font-size: 1.5rem;
	line-height: 1.4;
	text-align: center;
}


/* ==================== 4. ВИДЕО / EMBED / FIGURE ============================ */

.content .wp-block-video,
.content .wp-block-embed,
.content .wp-block-image,
.entry-content .wp-block-video,
.entry-content .wp-block-embed,
.entry-content .wp-block-image {
	margin: 0 0 1.75rem;
}

.content .wp-block-video video,
.content .wp-block-embed iframe,
.content .wp-block-video iframe,
.entry-content .wp-block-video video,
.entry-content .wp-block-embed iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.content figcaption,
.entry-content figcaption {
	font-size: .9375rem;
	opacity: .6;
	font-style: italic;
	margin-top: .5rem;
}