/*
Theme Name: Zino Child: Lavender
Template: zino
Version: 1.0.0
Description: Дочерняя тема «Lavender» для сети wp-portfolio: дневник лавандового поля в Провансе — светлый фон, лаванда, глубокий фиолет и шалфей; шрифты Marck Script, Prata и PT Sans; главная — список в 2 колонки с круглыми миниатюрами слева.
Text Domain: zino-child
*/

/* Шапка: светлая полоса вместо тёмной обложки родителя, сверху — шалфейная нить. */
.lavender-header {
	background: var(--wp--preset--color--white);
	border-top: 4px solid var(--wp--preset--color--sage);
	border-bottom: 1px solid rgba(61, 44, 94, 0.18);
}
.lavender-header .wp-block-site-title a { color: var(--wp--preset--color--heading); text-decoration: none; }
.lavender-header .wp-block-site-title a:hover { color: var(--wp--preset--color--primary); }
.lavender-nav a {
	display: inline-block;
	padding: 0.45em 1.3em;
	border: 1px solid var(--wp--preset--color--primary);
	border-radius: 999px;
	color: var(--wp--preset--color--heading);
	text-decoration: none;
	transition: background-color 0.2s, color 0.2s;
}
.lavender-nav a:hover { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white) !important; }

/* H1 главной: слева, лавандовая черта и шалфейная точка под ним. */
.lavender-home .portfolio-home-h1 {
	text-align: left;
	margin-bottom: var(--wp--preset--spacing--70);
	box-sizing: border-box;
	padding-right: 28%;
}
.lavender-home .portfolio-home-h1::after {
	content: "";
	display: block;
	width: 96px;
	height: 3px;
	margin-top: 1.1rem;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--wp--preset--color--primary) 0 78%, transparent 78% 86%, var(--wp--preset--color--sage) 86%);
}

/* Список записей: 2 колонки, круглая миниатюра слева, текст справа, тонкие фиолетовые линии. */
.lavender-list .wp-block-post-template {
	column-gap: 3.5rem;
	row-gap: 0;
	border-top: 1px solid rgba(61, 44, 94, 0.22);
}
.lavender-list .wp-block-post-template > li {
	margin: 0 !important;
	border-bottom: 1px solid rgba(61, 44, 94, 0.22);
}
.lavender-card {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	column-gap: 1.75rem;
	align-items: center;
	padding: 2.25rem 0;
}
.lavender-card > * { margin: 0 !important; }
.lavender-card .lavender-text { grid-column: 2; grid-row: 1; }
/* Запись без миниатюры: на месте фото — лавандовый круг. */
.lavender-card:not(:has(.wp-block-post-featured-image))::before {
	content: "";
	grid-column: 1;
	grid-row: 1;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, var(--wp--preset--color--secondary) 0 18%, var(--wp--preset--color--primary) 60%, var(--wp--preset--color--heading));
	box-shadow: 0 0 0 4px var(--wp--preset--color--background), 0 0 0 5px var(--wp--preset--color--primary);
}
.lavender-card .wp-block-post-featured-image {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 0 4px var(--wp--preset--color--background), 0 0 0 5px var(--wp--preset--color--primary);
}
.lavender-card .wp-block-post-featured-image a,
.lavender-card .wp-block-post-featured-image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	border-radius: 50%;
	object-fit: cover;
}
.lavender-card .wp-block-post-featured-image img { transition: transform 0.4s ease; }
.lavender-card:hover .wp-block-post-featured-image img { transform: scale(1.06); }
.lavender-text > * { margin-block: 0; }
.lavender-text > * + * { margin-top: 0.5rem; }
.lavender-text .wp-block-post-date { text-transform: lowercase; }
.lavender-text .wp-block-post-title { font-size: 1.35rem; line-height: 1.35; }
.lavender-text .wp-block-post-title a { color: var(--wp--preset--color--heading); text-decoration: none; }
.lavender-text .wp-block-post-title a:hover { color: var(--wp--preset--color--primary); text-decoration: none; }
.lavender-text .wp-block-post-excerpt { color: var(--wp--preset--color--base); }
.lavender-text .wp-block-post-excerpt__excerpt { margin: 0; }
.lavender-text .wp-block-post-excerpt__more-text { display: none; }
.lavender-text .wp-block-post-terms a {
	display: inline-block;
	padding: 0.1em 0.75em;
	border-radius: 999px;
	background: rgba(157, 179, 154, 0.25);
	color: #4F6A4C;
	font-size: 0.8125rem;
	text-decoration: none;
}
.lavender-text .wp-block-post-terms a:hover { background: var(--wp--preset--color--sage); color: var(--wp--preset--color--white); }

/* Пагинация: кружки, текущая страница — лавандой. */
.lavender-pages { margin-top: var(--wp--preset--spacing--70) !important; gap: 0.5rem; font-size: 0.95rem; }
.lavender-pages a { text-decoration: none; color: var(--wp--preset--color--heading); }
.lavender-pages .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.4em;
	height: 2.4em;
	border-radius: 50%;
}
.lavender-pages .page-numbers.current { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); }
.lavender-pages a.page-numbers:hover { background: var(--wp--preset--color--secondary); }

/* Подвал: бледная лаванда, только копирайт. */
footer.wp-block-template-part { margin-top: 0; }
.lavender-footer { border-top: 1px solid rgba(61, 44, 94, 0.15); }
.lavender-footer p { margin: 0; }

/* Внутренние страницы родителя: скругления, кнопки и поля в палитре. */
.wp-block-post-featured-image img { border-radius: 14px; }
.lavender-card .wp-block-post-featured-image img { border-radius: 50%; }
.wp-block-post-terms a,
.wp-block-post-navigation-link a { text-decoration: none; }
blockquote { border-left-color: var(--wp--preset--color--primary); }
button,
.wp-block-search__button,
input[type="submit"] {
	background: var(--wp--preset--color--heading);
	color: var(--wp--preset--color--white);
	border-radius: 999px;
}
button:hover,
.wp-block-search__button:hover,
input[type="submit"]:hover { background: var(--wp--preset--color--primary); }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea {
	background: var(--wp--preset--color--white);
	border-color: #CFC6E4;
	border-radius: 10px;
}

/* Планшет и телефон: одна колонка. */
@media (max-width: 900px) {
	.lavender-list .wp-block-post-template { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 600px) {
	.lavender-header .wp-block-site-title { font-size: 1.8rem !important; }
	.lavender-nav { font-size: 0.8rem; }
	.lavender-card {
		grid-template-columns: 96px minmax(0, 1fr);
		column-gap: 1.1rem;
		align-items: start;
		padding: 1.6rem 0;
	}
	.lavender-card .wp-block-post-featured-image,
	.lavender-card:not(:has(.wp-block-post-featured-image))::before { width: 96px; height: 96px; }
	.lavender-text .wp-block-post-title { font-size: 1.15rem; }
	.lavender-text .wp-block-post-excerpt { font-size: 0.95rem; }
	.lavender-home .portfolio-home-h1 { margin-bottom: var(--wp--preset--spacing--60); padding-right: 0; }
}
