/* Правки разбора 06.09.2026 — грузится последним, поэтому перебивает старые правила темы */

/* Карточки в рубриках: заголовок и анонс по левому краю, миниатюра ровным кадром */
ul.catecori-ul li .img-categori img { width: 190px; height: 190px; object-fit: cover; }
ul.catecori-ul li a.zagolovok-kartochki { display: block; text-align: left; font-weight: 600; }
ul.catecori-ul li p.anons-kartochki {
	text-align: left;
	margin: 6px 0 0;
	color: #555;
	font-size: 13px;
	line-height: 1.45;
}

/* Блок под статьёй: автор слева, оценка справа */
.posle-teksta {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	margin: 28px 0 0;
	padding: 18px 0 0;
	border-top: 1px solid #e2e8ec;
}
.avtor { display: flex; align-items: flex-start; gap: 14px; flex: 1 1 320px; }
.avtor .avtor_foto { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex: 0 0 72px; }
.avtor .avtor_imya { font-weight: 700; margin-bottom: 4px; }
.avtor .avtor_opis { color: #555; font-size: 13px; line-height: 1.45; }
.ocenka-statyi { flex: 0 0 auto; text-align: right; }
.ocenka-statyi .post-ratings { white-space: nowrap; }

/* Контакты: три секции одним ритмом и форма */
.obratka { margin-top: 26px; }
.obratka h2 { margin: 26px 0 12px; font-size: 22px; }
.obratka .hp { position: absolute; left: -9999px; }
.forma-obratki input[type="email"],
.forma-obratki textarea {
	width: 100%;
	max-width: 460px;
	padding: 9px 12px;
	margin: 6px 0 14px;
	border: 1px solid #cfd8de;
	border-radius: 4px;
	font: inherit;
	background: #fff;
	box-sizing: border-box;
}
.forma-obratki textarea { min-height: 140px; }
.forma-obratki input[type="submit"] {
	padding: 10px 26px;
	border: 0;
	border-radius: 4px;
	background: #16a99a;
	color: #fff;
	font: inherit;
	cursor: pointer;
}
.forma-obratki input[type="submit"]:hover { background: #12897d; }
.form_error { color: #c0392b; }

/* Оглавление Easy TOC внутри рамки статьи, без чужих правил темы на голые теги */
#ez-toc-container { max-width: 100%; box-sizing: border-box; }
#ez-toc-container nav ul li:before { content: none; }
#ez-toc-container nav a { top: auto; position: static; }

/* Шапка внутренних страниц (06.09.2026): та же структура, что на главной — светлая строка
   «логотип + поиск», под ней полоса меню. Раньше внутри статей меню и поиск жили в одной
   тёмной полосе двумя этажами, и поиск читался как оторванный хвост.
   Слово Романа: шапка должна быть ОДНА И ТА ЖЕ на всех страницах — своих размеров у внутренней
   нет, ничего здесь не переопределяем. Класс оставлен только как зацепка на будущее.
   Если заголовок статьи из-за высоты шапки садится низко — правим отступ заголовка, не шапку. */

/* Подвал: ссылки в одну линию с равными отступами */
footer .link-map-footer a { margin-right: 18px; }

/* Карта сайта: рубрики заголовками, списки в две колонки */
.karta-sajta h2 { margin: 26px 0 10px; font-size: 21px; }
.karta-sajta h2 a, .karta-sajta h3 a { text-decoration: none; }
.karta-sajta h3 { margin: 18px 0 8px; font-size: 17px; }
.karta-sajta ul.karta-spisok { columns: 2; column-gap: 32px; margin: 0 0 8px; padding: 0 0 0 18px; }
.karta-sajta ul.karta-spisok li { list-style: none; break-inside: avoid; margin: 0 0 5px; }

/* Миниатюры на главной — с явной высотой, иначе браузер тянет их из contain-intrinsic-size */
.slider-post .image-carusel2 img,
.slider-post .image-carusel img { width: 190px; height: 190px; object-fit: cover; }
.update-post .update-post-left li img { width: 190px; height: 190px; object-fit: cover; }

/* Картинки в текстах: не шире колонки, пропорции сохраняются (раньше скрипт срывал width/height) */
.innter-page img, .left-content .innter-page img { max-width: 100%; height: auto; }
.innter-page .wp-caption { max-width: 100%; }

/* Подвал: три ссылки в колонке бренда — по строке каждая, без переноса посреди слова */
footer .link-map-footer { display: flex; flex-direction: column; gap: 6px; }
footer .link-map-footer a { margin: 0; white-space: nowrap; }

/* ── Блок сайдбара «Новые или популярные» (переделан 06.09.2026) ───────────── */
.section-content .new-and-popular { padding-bottom: 6px; }
.section-content .new-and-popular .title-page { margin-bottom: 12px; }
.new-and-popular .sidebar-tabs { cursor: pointer; }
.new-and-popular .sidebar-tabs-active { border-bottom: 2px dotted #16a99a; }

.section-content .new-and-popular ul.news-ul { margin: 0; padding: 0; }
.section-content .new-and-popular ul.news-ul li.kartochka-sajdbara {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 12px 14px;
	border-bottom: 1px solid #eef2f5;
	border-radius: 6px;
	transition: background .2s;
}
.section-content .new-and-popular ul.news-ul li.kartochka-sajdbara:last-child { border-bottom: none; }
.section-content .new-and-popular ul.news-ul li.kartochka-sajdbara:hover { background: #f5fafc; }

.kartochka-sajdbara .kartochka-foto {
	flex: 0 0 88px;
	width: 88px;
	height: 88px;
	display: block;
	overflow: hidden;
	border-radius: 8px;
	background: #eef2f5;
	line-height: 0;
}
/* Один источник 190×190 на все экраны: на ретине резко, кадр везде одинаковый */
.kartochka-sajdbara .kartochka-foto img {
	width: 88px;
	height: 88px;
	object-fit: cover;
	display: block;
	transition: transform .25s;
}
.kartochka-sajdbara:hover .kartochka-foto img { transform: scale(1.04); }

.kartochka-sajdbara .kartochka-tekst {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding-top: 1px;
}
.kartochka-sajdbara .kartochka-zagolovok {
	display: block;
	font-size: 13.5px;
	line-height: 1.35;
	color: #1a6d99;
	text-decoration: none;
}
.kartochka-sajdbara:hover .kartochka-zagolovok { color: #16a99a; }
.kartochka-sajdbara .kartochka-podpis { font-size: 11.5px; color: #8a9aa5; }

/* Старые правила темы для этого списка больше не работают — снимаем их влияние */
.section-content .new-and-popular ul.news-ul li p { margin: 0; }
.section-content .new-and-popular ul.news-ul li:before,
.section-content .new-and-popular ul.news-ul li:after { content: none; }

@media (max-width: 480px) {
	.kartochka-sajdbara .kartochka-foto,
	.kartochka-sajdbara .kartochka-foto img { flex-basis: 76px; width: 76px; height: 76px; }
}

/* Страница карты сайта — одна колонка на всю ширину, сайдбара нет */
.section-content .left-content.bez-sajdbara { float: none; width: 100%; }
.left-content.bez-sajdbara .karta-sajta ul.karta-spisok { columns: 3; }
@media (max-width: 900px) { .left-content.bez-sajdbara .karta-sajta ul.karta-spisok { columns: 2; } }
@media (max-width: 560px) { .left-content.bez-sajdbara .karta-sajta ul.karta-spisok { columns: 1; } }

/* Ловушка темы: она красит голые <nav>, а Easy TOC оборачивает список оглавления именно в <nav>.
   На телефоне из-за этого пункты оглавления уезжали в тёмно-синюю плашку и читались чёрным по тёмному.
   Сбрасываем оформление любых <nav> внутри текста статьи — заодно защищает будущие плагины. */
.innter-page nav,
#ez-toc-container nav,
#ez-toc-container nav ul,
#ez-toc-container nav li {
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	float: none;
	position: static;
}
#ez-toc-container nav ul { margin-top: 4px; }
#ez-toc-container nav li { margin: 0 0 4px; }
#ez-toc-container nav a { color: #1a6d99 !important; text-decoration: none; }
#ez-toc-container nav a:hover { color: #16a99a !important; text-decoration: underline; }


/* ── «Похожие записи» под статьёй (переделан 06.09.2026) ───────────────────────
   Было шесть карточек лентой плагина, стало пять своим шаблоном yarpp-template-pohozhie.php.
   Ряд собран сеткой из пяти равных колонок — дыры справа не остаётся ни при какой ширине,
   а миниатюра берётся одним источником и кадрируется по центру, а не растягивается. */
.pohozhie-zapisi { margin: 30px 0 10px; }
.pohozhie-zapisi .pohozhie-zagolovok {
	margin: 0 0 14px;
	font-size: 20px;
	color: #00466c;
	text-transform: none; /* тема делает заголовкам capitalize — выходило «Похожие Записи» */
}
.pohozhie-setka {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
}
.pohozhie-setka .pohozhaya {
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-decoration: none;
	min-width: 0;
}
.pohozhie-setka .pohozhaya-foto {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 8px;
	background: #eef2f5;
	line-height: 0;
}
.pohozhie-setka .pohozhaya-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .25s;
}
.pohozhie-setka .pohozhaya:hover .pohozhaya-foto img { transform: scale(1.04); }
.pohozhie-setka .pohozhaya-zagolovok {
	font-size: 13px;
	line-height: 1.35;
	color: #1a6d99;
}
.pohozhie-setka .pohozhaya:hover .pohozhaya-zagolovok { color: #16a99a; }

/* Плагин раскладывал ленту своими стилями — на своём шаблоне они больше не нужны */
.yarpp-related .yarpp-thumbnails-horizontal { display: none; }

@media (max-width: 900px) { .pohozhie-setka { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .pohozhie-setka { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }
