/*
 * Still Life — тихая галерея: тёплый светлый фон, графитовый текст, приглушённое золото.
 * Шапка светлая и простая, записи — две колонки высоких карточек 3:4 со сдвигом.
 */

:root {
	--sl-bg: #f6f3ee;
	--sl-paper: #fbf9f5;
	--sl-ink: #2b2a28;
	--sl-muted: #77716a;
	--sl-line: #e3ddd3;
	--sl-gold: #b08d57;
	--sl-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--sl-sans: 'Jost', 'Helvetica Neue', Arial, sans-serif;
}

html,
body {
	background: var(--sl-bg);
}

body {
	color: var(--sl-ink);
	font-family: var(--sl-sans);
	font-size: 17px;
	line-height: 1.75;
	overflow-x: hidden;
}

a {
	color: var(--sl-ink);
	transition: color .2s ease;
}

a:hover,
a:focus {
	color: var(--sl-gold);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title {
	/* Родитель печатает шрифты Customizer инлайном с селекторами .home.blog … — перебиваем. */
	font-family: var(--sl-serif) !important;
	font-weight: 500 !important;
	color: var(--sl-ink);
	letter-spacing: .005em;
	text-transform: none;
}

/* Шапка: светлая полоса, название слева, «Блог» справа. Не фиксированная. */
.site-header,
.site-header.headroom,
.site-header.headroom--not-top {
	position: relative !important;
	top: auto !important;
	box-shadow: none !important;
	background: var(--sl-bg);
}

.site-header .navbar,
.headroom--not-top .navbar {
	background: transparent !important;
	color: var(--sl-ink);
	padding: 38px 0 30px !important;
	border-bottom: 1px solid var(--sl-line);
}

.site-header .header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 32px;
}

.site-header .header-logo-wrapper {
	flex: 0 1 auto;
	min-width: 0;
}

body:not(.wp-custom-logo) .site-header a.custom-logo-text {
	max-width: none;
	font-family: var(--sl-serif);
	font-weight: 500;
	font-size: 34px;
	line-height: 1.1;
	letter-spacing: .01em;
	text-transform: none;
	color: var(--sl-ink) !important;
}

.site-header a.custom-logo-text:hover {
	color: var(--sl-gold) !important;
}

.site-header .header-navigation-wrapper {
	flex: 0 0 auto;
	margin: 0;
}

.site-header .primary-menu-wrapper,
.site-header .navbar-collapse.collapse {
	display: block !important;
}

.site-header .navbar-nav {
	display: flex;
	margin: 0;
	padding: 0;
}

.site-header .navbar-nav > li > a {
	font-family: var(--sl-sans);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--sl-ink) !important;
	padding: 6px 0;
	border-bottom: 1px solid var(--sl-gold);
}

.site-header .navbar-nav > li > a:hover {
	color: var(--sl-gold) !important;
}

/* Поиск и «гамбургер» родителя не нужны: меню из одного пункта видно всегда. */
.site-header .header-widgets-wrapper,
.site-header .navbar-toggle,
.side-nav,
.side-nav-overlay {
	display: none !important;
}

/* Контент: родительский JS отступает на высоту фиксированной шапки — у нас она не фиксирована. */
.site-content,
#content {
	padding-top: 0 !important;
}

.site-content .inner-wrap {
	max-width: 1180px;
	padding-left: 32px;
	padding-right: 32px;
}

/* Заголовок «Latest Posts» родителя на главной не нужен — есть H1 сети. */
.blog .site-content .page-header {
	display: none;
}

/* H1 главной и /blog/ — на всю ширину сетки, по центру, с золотой чертой. */
.portfolio-home-h1 {
	grid-column: 1 / -1;
	max-width: 760px;
	margin: 72px auto 80px;
	font-family: var(--sl-serif);
	font-size: 46px;
	font-weight: 500;
	font-style: italic;
	line-height: 1.15;
	text-align: center;
	color: var(--sl-ink);
}

.portfolio-home-h1::after {
	content: "";
	display: block;
	width: 56px;
	height: 1px;
	margin: 30px auto 0;
	background: var(--sl-gold);
}

/* Список записей: две колонки, правая сдвинута вниз — как развеска в галерее. */
.blog .site-main,
.archive .site-main,
.search .site-main {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 96px;
	row-gap: 72px;
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 140px;
}

.blog .site-main > *:not(article),
.archive .site-main > *:not(article),
.search .site-main > *:not(article) {
	grid-column: 1 / -1;
}

.blog .site-main > article:nth-of-type(even),
.archive .site-main > article:nth-of-type(even),
.search .site-main > article:nth-of-type(even) {
	transform: translateY(120px);
}

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	margin: 0;
	padding: 0 !important;
	text-align: center;
}

.blog .site-main > article::after,
.archive .site-main > article::after,
.search .site-main > article::after {
	display: none !important;
}

.site-main article .post-thumbnail {
	margin: 0 0 26px;
	background: var(--sl-paper);
	padding: 14px;
	box-shadow: 0 1px 0 var(--sl-line);
}

.site-main article .post-thumbnail a {
	display: block;
	overflow: hidden;
}

.site-main article .post-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	transition: transform .8s ease, filter .8s ease;
	filter: saturate(.88);
}

.site-main article .post-thumbnail a:hover img {
	transform: scale(1.03);
	filter: saturate(1);
}

.site-main article .entry-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 12px;
}

.site-main article .entry-title,
body.blog .site-main article .entry-title {
	order: 2;
	margin: 0;
	font-size: 30px;
	line-height: 1.2;
	text-align: center;
}

.site-main article .entry-title a {
	color: var(--sl-ink);
}

.site-main article .entry-title a:hover {
	color: var(--sl-gold);
}

.site-main article .entry-meta {
	order: 1;
	margin: 0 0 10px;
	font-family: var(--sl-sans);
	font-size: 12px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--sl-muted);
}

.site-main article .entry-meta a {
	color: var(--sl-gold);
	border: 0;
	text-decoration: none;
	box-shadow: none;
}

.blog .site-main article .entry-meta .entry-author,
.blog .site-main article .entry-meta .entry-comments,
.archive .site-main article .entry-meta .entry-author,
.archive .site-main article .entry-meta .entry-comments,
.search .site-main article .entry-meta .entry-author,
.search .site-main article .entry-meta .entry-comments {
	display: none;
}

.site-main article .entry-meta > span + span::before {
	content: "·";
	margin: 0 .7em;
	color: var(--sl-line);
}

.site-main article .entry-meta .entry-categories + .entry-date::before,
.site-main article .entry-meta > span:not(.entry-author):not(.entry-comments) + span:not(.entry-comments)::before {
	color: var(--sl-gold);
}

/* Постраничная навигация */
.pagination,
.navigation.pagination {
	margin-top: 160px;
	text-align: center;
	font-family: var(--sl-serif);
	font-size: 22px;
}

.pagination .page-numbers {
	display: inline-block;
	min-width: 2em;
	color: var(--sl-ink);
	background: none;
	border: 0;
}

.pagination .page-numbers.current {
	color: var(--sl-gold);
	border-bottom: 1px solid var(--sl-gold);
}

/* Запись */
.single .entry-header .inner-wrap,
.single .entry-content,
.page .entry-content {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

.single .single-featured-image-above {
	margin: 56px 0 0;
}

.single .single-featured-image-above img {
	display: block;
	max-height: 70vh;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	object-fit: cover;
	background: var(--sl-paper);
	padding: 16px;
}

.single .entry-header {
	text-align: center;
	padding-top: 48px;
}

body.single .site-main .entry-title,
.single .entry-title {
	font-size: 52px;
	line-height: 1.1;
	color: var(--sl-ink);
}

.single .entry-meta,
.single .entry-meta a {
	font-size: 13px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--sl-muted);
}

.single .entry-content {
	font-size: 18px;
	color: var(--sl-ink);
}

.entry-content a {
	color: var(--sl-ink);
	text-decoration: underline;
	text-decoration-color: var(--sl-gold);
	text-underline-offset: 3px;
}

.entry-content blockquote {
	border-left: 1px solid var(--sl-gold);
	font-family: var(--sl-serif);
	font-style: italic;
	font-size: 24px;
}

.wp-block-button__link,
button,
input[type="submit"],
.btn {
	background: var(--sl-ink);
	color: var(--sl-bg);
	border-radius: 0;
	font-family: var(--sl-sans);
	letter-spacing: .12em;
	text-transform: uppercase;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea {
	background: var(--sl-paper);
	border: 1px solid var(--sl-line);
	border-radius: 0;
}

/* Подвал: одна строка копирайта на светлом фоне. */
.site-footer,
#colophon {
	background: var(--sl-bg) !important;
	color: var(--sl-muted);
	border-top: 1px solid var(--sl-line);
	padding: 44px 0 52px;
	margin: 0;
}

.site-footer .site-info {
	margin: 0;
	text-align: center;
	font-family: var(--sl-serif);
	font-style: italic;
	font-size: 18px;
	letter-spacing: .02em;
	color: var(--sl-muted);
}

/* Мобильные: одна колонка, без сдвига. */
@media (max-width: 760px) {
	body {
		font-size: 16px;
	}

	.site-header .navbar,
	.headroom--not-top .navbar {
		padding: 22px 0 18px !important;
	}

	.site-header .header-inner,
	.site-content .inner-wrap {
		padding-left: 16px;
		padding-right: 16px;
	}

	body:not(.wp-custom-logo) .site-header a.custom-logo-text {
		font-size: 26px;
	}

	.site-header .navbar-nav > li > a {
		font-size: 12px;
		letter-spacing: .18em;
	}

	.portfolio-home-h1 {
		font-size: 32px;
		margin: 44px auto 48px;
	}

	.blog .site-main,
	.archive .site-main,
	.search .site-main {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 56px;
		padding-bottom: 72px;
	}

	.blog .site-main > article:nth-of-type(even),
	.archive .site-main > article:nth-of-type(even),
	.search .site-main > article:nth-of-type(even) {
		transform: none;
	}

	.site-main article .post-thumbnail {
		padding: 10px;
	}

	.site-main article .entry-title,
	body.blog .site-main article .entry-title {
		font-size: 26px;
	}

	.pagination,
	.navigation.pagination {
		margin-top: 48px;
	}

	body.single .site-main .entry-title,
	.single .entry-title {
		font-size: 36px;
	}

	.single .single-featured-image-above {
		margin-top: 24px;
	}
}

/* Запись: подпись, комментарии и ссылка на предыдущую запись в тихой гамме. */
.single .entry-header .entry-meta {
	margin-top: 18px;
}

#comments .comment-reply-title,
#respond > h3 {
	font-size: 30px;
	text-transform: none;
	letter-spacing: 0;
}

.single .previous-post-cover {
	margin-top: 40px;
	border-top: 1px solid var(--sl-line);
}

.single .previous-post-cover .previous-cover {
	opacity: .18;
	filter: grayscale(.4);
}

.single .previous-post-cover .previous-info,
.single .previous-post-cover .nav-links,
.single .previous-post-cover a {
	background: var(--sl-paper);
}

.single .previous-post-cover .nav-subtitle {
	font-family: var(--sl-sans);
	font-size: 12px;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--sl-gold) !important;
}

.single .previous-post-cover .nav-title {
	font-family: var(--sl-serif) !important;
	font-weight: 500 !important;
	font-style: italic;
	color: var(--sl-ink) !important;
	text-shadow: none !important;
}