/*
Theme Name: Ollie Child: Petal
Template: ollie
Description: Дочерняя тема «Petal»: нежно-розовый и лиловый на белом, сливовый текст, шрифты Comfortaa и Nunito; главная — розовая вводная полоса с H1 и сетка скруглённых карточек в три колонки.
Version: 1.0.0
Text Domain: ollie-child
*/

/* Шапка: название по центру, «Блог» — пилюлей под ним. */
.petal-header { border-bottom: 1px solid var(--wp--preset--color--border-light); }
.petal-header .wp-block-site-title { text-align: center; }
.petal-header .wp-block-site-title a { color: var(--wp--preset--color--main); }
.petal-nav .wp-block-navigation-item__content {
	padding: .3rem 1.1rem;
	border-radius: 999px;
	background: var(--wp--preset--color--primary-alt);
	color: var(--wp--preset--color--main);
	transition: background-color .2s;
}
.petal-nav .wp-block-navigation-item__content:hover,
.petal-nav .wp-block-navigation-item__content:focus-visible {
	background: var(--wp--preset--color--primary);
	text-decoration: none;
}

/* Вводная полоса с H1 на розовом фоне. */
.petal-intro { border-radius: 0 0 48px 48px; }
.petal-intro .portfolio-home-h1 { color: var(--wp--preset--color--main); margin-bottom: 0; }
.petal-intro__lead { margin-top: .5rem; }

/* Карточки: большие скругления, мягкая тень. */
.petal-grid .wp-block-post-template > li { display: flex; }
.petal-card {
	width: 100%;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 10px 30px -12px rgba(59, 33, 64, .22), 0 2px 6px rgba(185, 166, 224, .18);
	transition: transform .25s, box-shadow .25s;
}
.petal-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px -14px rgba(59, 33, 64, .3), 0 2px 8px rgba(185, 166, 224, .25);
}
.petal-card .wp-block-post-featured-image { margin: 0; }
.petal-card .wp-block-post-featured-image img { display: block; width: 100%; }
.petal-card__body { flex-grow: 1; }
.petal-card .wp-block-post-title { margin: 0; }
.petal-card .wp-block-post-excerpt { margin: 0; }
.petal-card .wp-block-post-excerpt__excerpt { margin: 0; }

/* Дата — пилюля. */
.petal-date {
	align-self: flex-start;
	padding: .2rem .8rem;
	border-radius: 999px;
	background: var(--wp--preset--color--primary-accent);
	color: var(--wp--preset--color--main);
	line-height: 1.6;
}

/* Пагинация — круглые кнопки. */
.petal-grid .wp-block-query-pagination-numbers .page-numbers {
	display: inline-block;
	min-width: 2.4rem;
	padding: .35rem .7rem;
	border-radius: 999px;
	text-align: center;
	text-decoration: none;
}
.petal-grid .wp-block-query-pagination-numbers .current { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--main); }

@media (max-width: 600px) {
	.petal-intro { border-radius: 0 0 28px 28px; }
	.petal-card { border-radius: 22px; }
}
@media (prefers-reduced-motion: reduce) {
	.petal-card, .petal-nav .wp-block-navigation-item__content { transition: none; }
	.petal-card:hover { transform: none; }
}

/* Рубрики в записи: лиловый родителя слишком светлый на белом. */
.wp-block-post-terms a { color: var(--wp--preset--color--primary-alt-accent); }