/*
Theme Name: Fotografie Child: Flora Atlas
Template: fotografie
Version: 1.0.0
Description: Дочерняя тема «Flora Atlas» для сети wp-portfolio: научный ботанический атлас — кремовый фон, оливковый и чернильно-синий, тонкие линии, нумерованные статьи.
Text Domain: fotografie-child
*/

/* Палитра и шрифты атласа. */
:root {
	--atlas-paper: #F7F4EA;
	--atlas-paper-deep: #EFEADA;
	--atlas-olive: #556B2F;
	--atlas-ink: #1F3A5F;
	--atlas-text: #2A2B26;
	--atlas-muted: #6B6A5E;
	--atlas-line: #CFC8B2;
	--atlas-serif: 'Spectral', Georgia, serif;
	--atlas-sans: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
}

body,
.site-inner {
	background: var(--atlas-paper);
	color: var(--atlas-text);
	font-family: var(--atlas-sans);
}

body,
button,
input,
select,
textarea,
.entry-meta,
.main-navigation a {
	font-family: var(--atlas-sans);
}

.site-inner {
	max-width: 1240px;
	padding: 0 24px;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.page-title {
	font-family: var(--atlas-serif);
	letter-spacing: 0;
	text-transform: none;
	color: var(--atlas-ink);
}

a {
	color: var(--atlas-ink);
}

a:hover,
a:focus {
	color: var(--atlas-olive);
}

/* Шапка: название слева, «Блог» справа, снизу двойная тонкая линия. */
.site-header,
#masthead,
.site-header-main {
	background: transparent;
	color: var(--atlas-text);
}

.site-header-main {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding: 28px 0 18px;
	border-bottom: 1px solid var(--atlas-ink);
	box-shadow: 0 4px 0 -3px var(--atlas-line);
}

.site-branding,
.site-branding .wrapper {
	padding: 0;
	margin: 0;
	text-align: left;
	max-width: none;
}

.site-title {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
}

.site-title a,
.site-title a:hover,
.site-title a:focus {
	color: var(--atlas-ink);
	letter-spacing: 0.01em;
	text-transform: none;
}

.site-title a::before {
	content: "✿";
	color: var(--atlas-olive);
	font-size: 0.8em;
	margin-right: 10px;
}

.site-description:empty {
	display: none;
}

.site-description {
	color: var(--atlas-muted);
	font-family: var(--atlas-serif);
	font-style: italic;
	font-size: 15px;
	text-transform: none;
	letter-spacing: 0;
	margin: 4px 0 0;
}

/* Поиск и кнопка «Menu» не нужны: в меню одна ссылка, она видна всегда. */
.site-search,
.menu-toggle-wrapper,
.mobile-search-wrapper {
	display: none !important;
}

.site-header-menu,
.site-header-menu .wrapper {
	display: block !important;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	max-width: none;
}

.main-navigation {
	text-align: right;
}

.main-navigation ul,
.main-navigation ul.nav-menu {
	display: block !important;
	margin: 0;
	padding: 0;
	border: 0;
}

.main-navigation li {
	display: inline-block;
	border: 0;
}

.main-navigation a {
	color: var(--atlas-ink);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 6px 0;
	border-bottom: 1px solid var(--atlas-olive);
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: var(--atlas-olive);
	background: transparent;
}

/* H1 главной и /blog/ — заголовок тома атласа. */
.portfolio-home-h1 {
	font-family: var(--atlas-serif);
	font-weight: 400;
	font-size: 44px;
	line-height: 1.15;
	color: var(--atlas-ink);
	margin: 56px 0 8px;
	padding: 0 0 22px;
	max-width: 820px;
	border-bottom: 1px solid var(--atlas-line);
}

.portfolio-home-h1::before {
	content: "Атлас · том I";
	display: block;
	font-family: var(--atlas-sans);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--atlas-olive);
	margin-bottom: 14px;
}

/* Список записей: широкие строки, картинка чередуется слева/справа. */
.post-archive {
	display: block;
	margin: 0;
	padding: 0 0 24px;
}

.post-archive .hentry.atlas-entry {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	grid-template-areas: "img text";
	align-items: center;
	gap: 48px;
	float: none;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 40px 0;
	border-bottom: 1px solid var(--atlas-line);
	background: transparent;
}

.post-archive .hentry.atlas-entry:nth-of-type(2n) {
	grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
	grid-template-areas: "text img";
}

.post-archive .atlas-entry .post-thumbnail {
	grid-area: img;
	display: block;
	position: relative;
	float: none;
	width: auto;
	padding: 10px;
	margin: 0;
	background: #fff;
	border: 1px solid var(--atlas-line);
	aspect-ratio: 4 / 3;
	top: auto;
	bottom: auto;
	left: auto;
}

.post-archive .atlas-entry .post-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.85);
	transition: filter 0.3s;
}

.post-archive .atlas-entry .post-thumbnail:hover img {
	filter: none;
}

.post-archive .atlas-entry .entry-container {
	grid-area: text;
	display: block;
	float: none;
	width: auto;
	padding: 0;
	background: transparent !important;
}

.post-archive .atlas-entry .post-wrapper {
	max-width: 560px;
}

.atlas-number {
	display: block;
	font-family: var(--atlas-serif);
	font-size: 64px;
	font-weight: 400;
	line-height: 1;
	color: var(--atlas-olive);
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--atlas-line);
}

.post-archive .atlas-entry .entry-title {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 14px;
	text-transform: none;
	letter-spacing: 0;
}

.post-archive .atlas-entry .entry-title a {
	color: var(--atlas-ink);
}

.post-archive .atlas-entry .entry-title a:hover,
.post-archive .atlas-entry .entry-title a:focus {
	color: var(--atlas-olive);
}

.post-archive .atlas-entry .entry-summary,
.post-archive .atlas-entry .entry-meta {
	float: none;
	width: auto;
	padding-left: 0;
}

.post-archive .atlas-entry .entry-summary {
	font-size: 16px;
	line-height: 1.7;
	color: var(--atlas-text);
}

.post-archive .atlas-entry .entry-summary p {
	margin: 0;
}

.post-archive .atlas-entry .entry-meta {
	margin: 18px 0 0;
	padding-top: 12px;
	border-top: 1px dashed var(--atlas-line);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.8;
}

.post-archive .atlas-entry .entry-meta,
.post-archive .atlas-entry .entry-meta a {
	color: var(--atlas-muted);
}

.post-archive .atlas-entry .entry-meta .posted-on,
.post-archive .atlas-entry .entry-meta .comments-link {
	display: inline-block;
	margin-right: 16px;
	clear: none;
}

/* Пагинация /blog/page/N/. */
.site-main .posts-navigation,
.site-main .pagination {
	margin: 24px 0 48px;
}

.site-main .posts-navigation .nav-links {
	padding: 0;
}

.site-main .posts-navigation a,
.site-main .pagination a,
.site-main .pagination .current {
	font-family: var(--atlas-sans);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--atlas-ink);
	background: transparent;
	border: 1px solid var(--atlas-ink);
	padding: 10px 18px;
}

.site-main .posts-navigation a:hover,
.site-main .pagination a:hover {
	background: var(--atlas-ink);
	color: var(--atlas-paper);
}

/* Запись и страницы. */
.singular-section,
.singular-section .content-area,
.hentry,
.entry-container,
.page-title-wrapper,
.breadcrumb-area {
	background: transparent;
}

.singular-section .entry-title {
	font-size: 42px;
	font-weight: 400;
	line-height: 1.15;
}

.entry-content {
	font-size: 17px;
	line-height: 1.75;
}

.entry-content a {
	color: var(--atlas-ink);
	text-decoration: underline;
	text-decoration-color: var(--atlas-olive);
}

.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a {
	color: var(--atlas-muted);
}

.widget-title,
.comments-title,
.comment-reply-title {
	font-family: var(--atlas-serif);
	color: var(--atlas-ink);
	text-transform: none;
	letter-spacing: 0;
}

button,
input[type="submit"] {
	background: var(--atlas-ink);
	color: var(--atlas-paper);
	border-radius: 0;
}

button:hover,
input[type="submit"]:hover {
	background: var(--atlas-olive);
}

/* Подвал: одна строка копирайта на тонкой линии. */
.site-footer,
#site-generator {
	background: transparent;
	color: var(--atlas-muted);
}

#site-generator {
	border-top: 1px solid var(--atlas-ink);
	box-shadow: 0 -4px 0 -3px var(--atlas-line);
	padding: 22px 0 40px;
	margin-top: 24px;
}

#site-generator .wrapper {
	padding: 0;
	max-width: none;
}

.site-footer .site-info {
	font-family: var(--atlas-serif);
	font-style: italic;
	font-size: 15px;
	letter-spacing: 0;
	text-transform: none;
	text-align: left;
	margin: 0;
	float: none;
	color: var(--atlas-muted);
}

/* Планшет: строки поуже. */
@media screen and (max-width: 63.99em) {
	.post-archive .hentry.atlas-entry,
	.post-archive .hentry.atlas-entry:nth-of-type(2n) {
		gap: 28px;
	}

	.atlas-number {
		font-size: 48px;
	}

	.post-archive .atlas-entry .entry-title {
		font-size: 26px;
	}
}

/* Телефон: одна колонка, картинка всегда сверху. */
@media screen and (max-width: 47.99em) {
	.site-inner {
		padding: 0 16px;
	}

	.site-header-main {
		padding: 20px 0 14px;
	}

	.site-title {
		font-size: 22px;
	}

	.portfolio-home-h1 {
		font-size: 30px;
		margin-top: 32px;
	}

	.post-archive .hentry.atlas-entry,
	.post-archive .hentry.atlas-entry:nth-of-type(2n) {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "img" "text";
		gap: 20px;
		padding: 28px 0;
	}

	.atlas-number {
		font-size: 40px;
		margin-bottom: 12px;
		padding-bottom: 10px;
	}

	.post-archive .atlas-entry .entry-title {
		font-size: 24px;
	}

	.singular-section .entry-title {
		font-size: 30px;
	}
}