/*
Theme Name: Astra Child: Travel Journal
Template: astra
Description: Дочерняя тема в стиле журнала путешествий: мятно-серый фон, коралловый акцент, тёмно-бирюзовая шапка, шрифты Playfair Display и Manrope. Первая запись — обложка с текстом поверх фото, остальные — горизонтальные карточки в две колонки.
Version: 1.0.0
Text Domain: astra-child
*/

/* ---------- Палитра: переопределяем глобальные цвета Astra ---------- */
:root {
	--ast-global-color-0: #FF6B4A; /* акцент */
	--ast-global-color-1: #E0502F; /* акцент при наведении */
	--ast-global-color-2: #0E3B39; /* заголовки */
	--ast-global-color-3: #2C4A47; /* текст */
	--ast-global-color-4: #FFFFFF;
	--ast-global-color-5: #E9F1EE; /* фон */
	--ast-global-color-6: #0B2E2C;
	--ast-global-color-7: #CFDED9; /* линии */
	--ast-global-color-8: #0B2E2C;
	--travel-teal: #0E4D4A;
	--travel-sand: #F6D7A7;
	--travel-serif: "Playfair Display", Georgia, serif;
	--travel-sans: Manrope, "Helvetica Neue", Arial, sans-serif;
}

body, .ast-separate-container { background-color: var(--ast-global-color-5); }
body, button, input, select, textarea, .ast-button, .ast-custom-button {
	font-family: var(--travel-sans);
	color: var(--ast-global-color-3);
}
h1, h2, h3, h4, h5, h6, .entry-title, .site-title, .site-title a {
	font-family: var(--travel-serif);
	font-weight: 700;
	letter-spacing: -0.01em;
}

/* ---------- Шапка ---------- */
.main-header-bar, .ast-primary-header-bar { background: var(--travel-teal); border-bottom: 0; }
.ast-site-identity .site-title a, .ast-site-identity .site-title a:hover { color: #fff; font-size: 1.9rem; }
.main-header-menu .menu-link, .ast-builder-menu-1 .menu-item > .menu-link { color: var(--travel-sand); text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; font-weight: 700; }
.main-header-menu .menu-link:hover { color: #fff; }
.ast-mobile-header-wrap .menu-toggle .ast-mobile-svg { fill: #fff; }

/* ---------- Лента: сетка в две колонки ---------- */
.ast-blog-layout-4-grid .ast-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	margin: 0;
}
.ast-blog-layout-4-grid .ast-row::before,
.ast-blog-layout-4-grid .ast-row::after { display: none; }
.ast-blog-layout-4-grid .ast-row > article.ast-article-post {
	width: auto;
	max-width: none;
	padding: 0;
	margin: 0;
}
.ast-blog-layout-4-grid .ast-article-inner {
	background: #fff;
	height: 100%;
	padding: 0;
	border-radius: 0 0 24px 0;
	overflow: hidden;
	box-shadow: 0 1px 0 var(--ast-global-color-7);
}

/* Горизонтальная карточка: фото слева, текст справа */
.ast-blog-layout-4-grid .ast-article-post .post-content {
	display: grid;
	grid-template-columns: 40% minmax(0, 1fr);
	grid-template-rows: auto auto auto 1fr;
	column-gap: 0;
	padding: 0;
	height: 100%;
}
.ast-blog-layout-4-grid .ast-article-post .ast-blog-featured-section {
	grid-column: 1;
	grid-row: 1 / -1;
	margin: 0;
}
.ast-blog-layout-4-grid .ast-article-post .ast-blog-featured-section,
.ast-blog-layout-4-grid .ast-article-post .post-thumb-img-content,
.ast-blog-layout-4-grid .ast-article-post .post-thumb-img-content a { height: 100%; display: block; }
.ast-blog-layout-4-grid .ast-article-post .post-thumb-img-content img {
	width: 100%;
	height: 100%;
	min-height: 230px;
	object-fit: cover;
	border-radius: 0;
}
.ast-blog-layout-4-grid .ast-article-post .post-content > :not(.ast-blog-featured-section) { grid-column: 2; margin: 0; padding-left: 24px; padding-right: 24px; }
/* Astra сдвигает фото отрицательными полями на ширину отступа карточки — убираем оба */
.ast-blog-layout-4-grid article.ast-article-post .ast-article-inner { padding: 0; }
.ast-blog-layout-4-grid article.ast-article-post .ast-blog-featured-section,
.ast-blog-layout-4-grid article.ast-article-post .post-thumb-img-content { padding: 0; margin: 0 !important; position: relative; }
.ast-blog-layout-4-grid .ast-article-post .cat-links { padding-top: 22px; }
.ast-blog-layout-4-grid .ast-article-post .ast-excerpt-container { padding-bottom: 22px; font-size: .92rem; }
.ast-blog-layout-4-grid .ast-article-post .entry-content { display: none; }

.ast-blog-layout-4-grid .cat-links a {
	display: inline-block;
	color: var(--ast-global-color-0);
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: .72rem;
	font-weight: 700;
}
.ast-blog-layout-4-grid .entry-title { font-size: 1.45rem; line-height: 1.2; margin: 8px 0 6px; }
.ast-blog-layout-4-grid .entry-title a { color: var(--ast-global-color-2); }
.ast-blog-layout-4-grid .entry-title a:hover { color: var(--ast-global-color-0); }
.ast-blog-layout-4-grid .entry-meta, .ast-blog-layout-4-grid .entry-meta * { color: #6d8581; font-size: .8rem; }
.ast-blog-layout-4-grid .posted-by { display: none; }
.ast-blog-layout-4-grid .entry-meta { font-size: 0; } /* прячем разделитель «/» у пустого автора */

/* ---------- Первая запись: обложка с текстом поверх фото ---------- */
.ast-blog-layout-4-grid .ast-row > article.ast-article-post:first-child { grid-column: 1 / -1; }
.ast-blog-layout-4-grid .ast-row > article:first-child .ast-article-inner { border-radius: 0 0 40px 0; }
.ast-blog-layout-4-grid .ast-row > article:first-child .post-content {
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: minmax(120px, 1fr) repeat(3, auto);
	padding: 0;
	position: relative;
}
.ast-blog-layout-4-grid .ast-row > article:first-child .ast-blog-featured-section { grid-row: 1 / 5; min-height: 460px; }
.ast-blog-layout-4-grid .ast-row > article:first-child .post-thumb-img-content img { position: absolute; inset: 0; }
.ast-blog-layout-4-grid .ast-row > article:first-child .ast-blog-featured-section::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 46, 44, 0) 30%, rgba(11, 46, 44, .88) 100%);
	pointer-events: none;
}

.ast-blog-layout-4-grid .ast-row > article:first-child .post-content > :not(.ast-blog-featured-section) {
	grid-column: 1;
	position: relative;
	z-index: 1;
	padding-left: 48px;
	padding-right: 48px;
	max-width: 760px;
}
.ast-blog-layout-4-grid .ast-row > article:first-child .cat-links { grid-row: 2; }
.ast-blog-layout-4-grid .ast-row > article:first-child .entry-title { grid-row: 3; font-size: clamp(2rem, 4vw, 3.2rem); }
.ast-blog-layout-4-grid .ast-row > article:first-child .entry-title a { color: #fff; }
.ast-blog-layout-4-grid .ast-row > article:first-child .entry-header { grid-row: 4; display: none; }
.ast-blog-layout-4-grid .ast-row > article:first-child .ast-excerpt-container { grid-row: 4; color: #e3efeb; font-size: 1.05rem; padding-bottom: 44px; }
.ast-blog-layout-4-grid .ast-row > article:first-child .cat-links a { color: var(--travel-sand); }

/* ---------- Пагинация и подвал ---------- */
.ast-pagination .page-numbers.current { background: var(--ast-global-color-0); border-color: var(--ast-global-color-0); }
footer#colophon, footer#colophon .site-below-footer-wrap { background: var(--travel-teal); color: #cfe3de; border: 0; }
footer#colophon .ast-footer-copyright, footer#colophon .ast-footer-copyright p { color: #cfe3de; }
footer#colophon a { color: var(--travel-sand); }

/* ---------- Телефоны ---------- */
@media (max-width: 921px) {
	.ast-blog-layout-4-grid .ast-row { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.ast-blog-layout-4-grid .ast-row > article:first-child .ast-blog-featured-section { min-height: 520px; }
	.ast-blog-layout-4-grid .ast-row > article:first-child .post-content > :not(.ast-blog-featured-section) { padding-left: 22px; padding-right: 22px; }
	.ast-blog-layout-4-grid .ast-article-post .post-content { grid-template-columns: 38% minmax(0, 1fr); }
	.ast-blog-layout-4-grid .ast-article-post .post-content > :not(.ast-blog-featured-section) { padding-left: 16px; padding-right: 16px; }
	.ast-blog-layout-4-grid .ast-article-post .post-thumb-img-content img { min-height: 170px; }
	.ast-blog-layout-4-grid .entry-title { font-size: 1.15rem; }
	.ast-blog-layout-4-grid .ast-article-post .ast-excerpt-container { display: none; }
	.ast-blog-layout-4-grid .ast-row > article:first-child .ast-excerpt-container { display: block; }
}

/* H1 главной (mu-plugin portfolio-headings) — на всю ширину сетки записей */
.ast-blog-layout-4-grid .ast-row > .portfolio-home-h1 { grid-column: 1 / -1; margin: 0 0 8px; }