/* Top Records — тёмная «шкурка» статей блога и архивов поверх шаблона темы. */
body.single-post,
body.archive,
body.blog,
body.search { background-color: #0e0e12; }

body.single-post #content .block,
body.archive #content .block,
body.blog #content .block,
body.search #content .block {
	background:
		radial-gradient(45% 420px at 25% 0%, rgba(255, 46, 154, .20), transparent 70%),
		radial-gradient(40% 420px at 80% 140px, rgba(255, 138, 31, .14), transparent 70%),
		#0e0e12 !important;
	color: #c9c9d3;
}
body.single-post #content .block::before,
body.single-post #content .block::after,
body.archive #content .block::before,
body.archive #content .block::after { display: none !important; }

/* Боковая колонка темы (поиск, рубрики, календарь на английском) не нужна — статья идёт одной колонкой. */
body.single-post #content aside.widget-area,
body.archive #content aside.widget-area,
body.blog #content aside.widget-area,
body.search #content aside.widget-area { display: none !important; }
body.single-post #content .content-area,
body.archive #content .content-area,
body.blog #content .content-area,
body.search #content .content-area { float: none; width: 100%; max-width: 860px; margin: 0 auto; flex: none; }

#content .blog-post {
	margin-bottom: 24px;
	padding: 0 0 28px;
	border: 1px solid #2c2c35;
	border-radius: 22px;
	background: #17171c !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
	color: #c9c9d3;
	overflow: hidden;
}
#content .blog-post .post-image { margin: 0; }
#content .blog-post .post-image img { display: block; width: 100%; height: auto; border-radius: 0; }
#content .blog-post .post-meta,
#content .blog-post .post-title,
#content .blog-post .post-teaser,
#content .blog-post .entry-footer7,
#content .blog-post .post-navigation,
#content .blog-post > p,
#content .blog-post > a { padding-left: 32px; padding-right: 32px; }
/* Слева на мету наезжает круглый значок даты из темы — отодвигаем подписи вправо от него. */
#content .blog-post .post-meta { margin-top: 18px; padding-left: 104px; color: #9d9daa; }
#content .blog-post .post-meta a,
#content .blog-post .post-meta li { color: #9d9daa; }
#content .blog-post .post-title,
#content .blog-post .post-title a {
	color: #f3f3f6;
	font-size: clamp(26px, 3.2vw, 38px);
	line-height: 1.18;
}
#content .blog-post .post-teaser { color: #c9c9d3; font-size: 17px; line-height: 1.7; }
#content .blog-post .post-teaser p,
#content .blog-post .post-teaser li,
#content .blog-post .post-teaser td,
#content .blog-post .post-teaser span { color: #c9c9d3; }
#content .blog-post .post-teaser h1,
#content .blog-post .post-teaser h2,
#content .blog-post .post-teaser h3,
#content .blog-post .post-teaser h4,
#content .blog-post .post-teaser strong,
#content .blog-post .post-teaser b { color: #f3f3f6; }
#content .blog-post .post-teaser h2 { margin-top: 1.4em; font-size: 26px; line-height: 1.25; }
#content .blog-post .post-teaser h3 { margin-top: 1.2em; font-size: 21px; line-height: 1.3; }
#content .blog-post .post-teaser a { color: #ff8a1f; text-decoration: underline; }
#content .blog-post .post-teaser a:hover { color: #ff3d8b; }
#content .blog-post .post-teaser img { max-width: 100%; height: auto; border-radius: 12px; }
#content .blog-post .post-teaser figcaption,
#content .blog-post .post-teaser .wp-caption-text { color: #9d9daa; font-size: 14px; }
#content .blog-post .post-teaser blockquote {
	margin: 1.2em 0;
	padding: 14px 18px;
	border: 0;
	border-left: 3px solid #ff3d8b;
	border-radius: 0 12px 12px 0;
	background: #202027;
	color: #f3f3f6;
}
#content .blog-post .post-teaser table { border-color: #2c2c35; }
#content .blog-post .post-teaser th,
#content .blog-post .post-teaser td { border-color: #2c2c35; background: transparent; }
#content .blog-post .post-teaser code,
#content .blog-post .post-teaser pre { background: #0e0e12; color: #f3f3f6; border-radius: 8px; }

#content .blog-post .entry-footer7,
#content .blog-post .entry-footer7 a,
#content .blog-post .post-navigation,
#content .blog-post .post-navigation a { color: #9d9daa; border-color: #2c2c35; background: transparent; }
#content .blog-post .post-navigation a:hover,
#content .blog-post .entry-footer7 a:hover { color: #f3f3f6; }

/* Уже оставленные комментарии и заголовки под статьёй */
#content #comments,
#content .comments-area { color: #c9c9d3; }
#content .comments-area h2,
#content .comments-area h3,
#content .comments-area .comment-author,
#content .comments-area .comment-author a { color: #f3f3f6; }
#content .comments-area .comment-body { border-color: #2c2c35; background: transparent; }

#content .comments-area h4,
#content .comments-area .comment-reply-title { color: #f3f3f6; }
#content .comments-area .text p { color: #c9c9d3; }
#content .comments-area .post-meta,
#content .comments-area .post-meta a,
#content .comments-area .logged-in-as,
#content .comments-area .logged-in-as a,
#content .comments-area label { color: #9d9daa; }
#content .comments-area .comment-body7 { border-color: #2c2c35; }

/* Комментарии, перенесённые под кнопки в конце статьи */
#content .trai-comments-inline { margin: 34px 0 10px; padding: 0 0 26px; border-bottom: 1px solid #2c2c35; }
#content .blog-post .post-teaser .trai-comments-inline h3,
#content .blog-post .post-teaser .trai-comments-inline h4 { margin: 0 0 14px; font-size: 22px; line-height: 1.3; }
#content .blog-post .post-teaser .trai-comments-inline ul { margin: 0; padding: 0; list-style: none; }
#content .blog-post .post-teaser .trai-comments-inline li::before { content: none; }
#content .blog-post .post-teaser .trai-comments-inline a { color: #9d9daa; }
#content .blog-post .post-teaser .trai-comments-inline a:hover { color: #f3f3f6; }
#content .blog-post .post-teaser .trai-comments-inline .comment-reply-link { color: #ff8a1f; }
#content .trai-comments-inline .comment-form textarea { width: 100%; max-width: none; }
/* Внутри карточки статьи поля темнее фона карточки, иначе они с ней сливаются. */
#content .trai-comments-inline .comment-form textarea,
#content .trai-comments-inline .comment-form input[type="text"],
#content .trai-comments-inline .comment-form input[type="email"],
#content .trai-comments-inline .comment-form input[type="url"] { background: #0e0e12; border-color: #3a3a45; }

/* Форма комментария */
#content .comment-form textarea,
#content .comment-form input[type="text"],
#content .comment-form input[type="email"],
#content .comment-form input[type="url"] {
	border: 1px solid #2c2c35;
	border-radius: 12px;
	background: #17171c;
	color: #f3f3f6;
	box-shadow: none;
}
#content .comment-form textarea:focus,
#content .comment-form input:focus { border-color: #ff3d8b; outline: none; }
#content .comment-form ::placeholder { color: #6d6d7a; opacity: 1; }
#content .comment-form button.btn,
#content .comment-form input[type="submit"] {
	border: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, #ff2e9a 0%, #ff8a1f 100%);
	color: #fff;
	font-weight: 600;
	box-shadow: none;
}
/* У кнопки темы внутри белая подложка — она закрывала наш фон и делала надпись невидимой. */
#content .comment-form button.btn::before,
#content .comment-form button.btn::after { display: none; }
#content .comment-form button.btn:hover { filter: brightness(1.1); color: #fff; }
#content .comment-form button.btn svg,
#content .comment-form button.btn i { color: #fff; fill: #fff; }

/* Архивы рубрик и поиск: заголовки и ссылки на тёмном */
body.archive #content h1, body.archive #content h2, body.archive #content h2 a,
body.blog #content h2, body.blog #content h2 a,
body.search #content h1, body.search #content h2, body.search #content h2 a { color: #f3f3f6; }
#content .pagination a, #content .page-numbers { color: #c9c9d3; border-color: #2c2c35; background: transparent; }
#content .page-numbers.current { background: #ff3d8b; border-color: #ff3d8b; color: #fff; }

/* Блок «что дальше» в конце статьи */
.trai-post-cta {
	margin: 36px 0 8px;
	padding: 24px;
	border: 1px solid transparent;
	border-radius: 18px;
	background: linear-gradient(#202027, #202027) padding-box, linear-gradient(90deg, #ff2e9a 0%, #ff8a1f 100%) border-box;
	text-align: center;
}
#content .blog-post .post-teaser .trai-post-cta__title { margin: 0 0 6px; font-size: 22px; font-weight: 700; line-height: 1.3; color: #f3f3f6; }
#content .blog-post .post-teaser .trai-post-cta p { margin: 0 0 16px; color: #9d9daa; }
.trai-post-cta__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
#content .blog-post .post-teaser a.trai-post-cta__btn {
	display: inline-flex;
	padding: 11px 20px;
	border: 1px solid #2c2c35;
	border-radius: 999px;
	color: #f3f3f6;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
#content .blog-post .post-teaser a.trai-post-cta__btn:hover { border-color: #ff3d8b; color: #f3f3f6; }
#content .blog-post .post-teaser a.trai-post-cta__btn--main { border: 0; background: linear-gradient(90deg, #ff2e9a 0%, #ff8a1f 100%); color: #fff; }

@media (max-width: 700px) {
	#content .blog-post { border-radius: 16px; }
	#content .blog-post .post-meta,
	#content .blog-post .post-title,
	#content .blog-post .post-teaser,
	#content .blog-post .entry-footer7,
	#content .blog-post .post-navigation,
	#content .blog-post > p,
	#content .blog-post > a { padding-left: 18px; padding-right: 18px; }
	#content .blog-post .post-teaser { font-size: 16px; }
}