/*
Theme Name: WP4you
Theme URI: http://wp4you.ru/
Description: Дочерняя тема Twenty Fourteen для wp4you.ru. Блоки кода, карта сайта, подвал с копирайтом. Родительская тема обновляется как обычно — правки живут здесь.
Author: Puzat.ru
Template: twentyfourteen
Version: 1.0
*/

/* --- Блоки кода: суть сайта, поэтому читаемость важнее всего --- */
.entry-content pre,
.comment-content pre {
	background: #1d1f21;
	color: #e6e6e6;
	border: 0;
	border-left: 4px solid #24890d;
	border-radius: 2px;
	padding: 16px 18px;
	margin: 24px 0;
	font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
	font-size: 13px;
	line-height: 1.6;
	overflow-x: auto;
	white-space: pre;
	tab-size: 4;
	-moz-tab-size: 4;
}

.entry-content pre code,
.comment-content pre code {
	background: none;
	color: inherit;
	padding: 0;
	font-size: inherit;
}

.entry-content :not(pre) > code {
	background: #f2f2f2;
	border-radius: 2px;
	padding: 2px 5px;
	font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
	font-size: 13px;
	color: #24890d;
}

/* --- Защита вёрстки: только по нужным тегам, не по iframe скопом (мина канона) --- */
.entry-content img,
.comment-content img {
	max-width: 100%;
	height: auto;
}

.entry-content table {
	max-width: 100%;
	display: block;
	overflow-x: auto;
}

/* --- Карта сайта --- */
.karta-sajta h2 {
	font-size: 20px;
	font-weight: 700;
	margin: 32px 0 12px;
	padding: 0;
	border: 0;
	text-decoration: none;
}

.karta-sajta h2 a {
	text-decoration: none;
	border: 0;
}

.karta-sajta ul {
	list-style: disc outside;
	margin: 0 0 24px 20px;
	padding: 0;
	columns: 2;
	column-gap: 36px;
}

.karta-sajta ul li {
	margin: 0 0 6px;
	break-inside: avoid;
}

.karta-sajta .karta-data {
	color: #767676;
	font-size: 12px;
	margin-left: 6px;
}

@media screen and (max-width: 600px) {
	.karta-sajta ul {
		columns: 1;
	}
}

/* --- Подвал: только копирайт, без служебных ссылок --- */
.site-footer .site-info {
	font-size: 12px;
	line-height: 1.6;
	color: #767676;
}

/* --- Полоса прокрутки внутри блоков кода — в цвет самого блока --- */
.entry-content pre::-webkit-scrollbar {
	height: 10px;
}

.entry-content pre::-webkit-scrollbar-track {
	background: #1d1f21;
}

.entry-content pre::-webkit-scrollbar-thumb {
	background: #3a3f44;
	border-radius: 5px;
}

.entry-content pre {
	scrollbar-width: thin;
	scrollbar-color: #3a3f44 #1d1f21;
}

/* --- Анонс виден и на узком экране --- */
/* Родительская тема на ≤400px прячет .entry-summary: в списке остаются одни */
/* заголовки. Читателю с телефона анонс нужен так же, как с компьютера. */
@media screen and (max-width: 400px) {
	.list-view .site-content article .entry-summary {
		display: block !important;
		margin-top: 12px;
	}

	.list-view .site-content .entry-summary p {
		margin: 0;
		font-size: 14px;
		line-height: 1.5;
	}
}

/* --- Комментарии: без аватарок, без ссылки на дате --- */
/* Родительская тема держит слева отступ под картинку с gravatar.com. */
/* Аватарок больше нет — убираем и пустой отступ. */
.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 0;
}

.comment-author .avatar {
	display: none;
}

.comment-metadata {
	color: #767676;
}