/*
Theme Name: Activello Child: Pressed Flowers
Template: activello
Version: 1.0.0
Description: Дочерняя тема «Pressed Flowers» для сети wp-portfolio: альбом засушенных цветов — крафт-бумага, сепия, пыльная роза, карточки-«полароиды» в 3 колонки.
Text Domain: activello-child
*/

/* Палитра: крафт, сепия, пыльная роза, приглушённая бирюза. */
:root {
	--pf-kraft: #EFE6D6;
	--pf-kraft-dark: #E4D8C2;
	--pf-ink: #4A3B2C;
	--pf-ink-soft: #6E5C49;
	--pf-rose: #C08497;
	--pf-teal: #5F8A8B;
	--pf-paper: #FFFDF8;
	--pf-serif: 'Vollkorn', Georgia, serif;
	--pf-sans: 'Fira Sans', 'Helvetica Neue', Arial, sans-serif;
}

body {
	background: var(--pf-kraft);
	background-image: radial-gradient(rgba(74, 59, 44, .05) 1px, transparent 1px);
	background-size: 6px 6px;
	color: var(--pf-ink);
	font-family: var(--pf-sans);
	font-size: 16px;
	line-height: 1.65;
	overflow-x: hidden;
}
a { color: var(--pf-teal); }
a:hover, a:focus { color: var(--pf-rose); }
h1, h2, h3, h4, h5, h6 {
	color: var(--pf-ink);
	font-family: var(--pf-serif);
	font-weight: 600;
}
.container { max-width: 1180px; }

/* Шапка: название по центру, орнамент из розовой линии, под ним «Блог». */
.pressed-header {
	text-align: center;
	padding: 42px 0 26px;
	border-bottom: 1px dashed rgba(74, 59, 44, .25);
}
.pressed-header #logo { padding: 0; }
.pressed-header .site-name { display: block; margin: 0; font-size: inherit; }
.pressed-header .site-name .navbar-brand {
	font-family: var(--pf-serif);
	font-weight: 600;
	font-size: 46px;
	line-height: 1.1;
	color: var(--pf-ink);
	letter-spacing: .01em;
}
.pressed-header .site-name .navbar-brand:hover { color: var(--pf-rose); }
.pressed-ornament {
	display: block;
	position: relative;
	width: 150px;
	height: 14px;
	margin: 14px auto 12px;
}
.pressed-ornament::before {
	content: '';
	position: absolute;
	left: 0; right: 0; top: 6px;
	border-top: 2px solid var(--pf-rose);
}
.pressed-ornament::after {
	content: '';
	position: absolute;
	left: 50%; top: 1px;
	width: 12px; height: 12px;
	margin-left: -6px;
	background: var(--pf-kraft);
	border: 2px solid var(--pf-rose);
	border-radius: 0 60% 0 60%;
	transform: rotate(45deg);
}
.pressed-menu { list-style: none; margin: 0; padding: 0; }
.pressed-menu li { display: inline-block; }
.pressed-menu a {
	display: inline-block;
	padding: 4px 18px;
	font-family: var(--pf-sans);
	font-weight: 500;
	font-size: 14px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--pf-teal);
	border: 1px solid rgba(95, 138, 139, .45);
	border-radius: 2px;
}
.pressed-menu a:hover, .pressed-menu a:focus,
.pressed-menu .current-menu-item a { color: var(--pf-paper); background: var(--pf-teal); }

/* H1 ленты — подпись альбома на всю ширину сетки. */
.portfolio-home-h1 {
	grid-column: 1 / -1;
	margin: 6px 0 18px;
	text-align: center;
	font-family: var(--pf-serif);
	font-style: italic;
	font-weight: 500;
	font-size: 34px;
	line-height: 1.25;
	color: var(--pf-ink);
}
.portfolio-home-h1::after {
	content: '';
	display: block;
	width: 64px;
	margin: 14px auto 0;
	border-top: 3px dotted var(--pf-teal);
}

/* Сетка «полароидов» в 3 колонки. */
.main-content-area { margin-top: 36px; }
.article-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px 40px;
	overflow: visible !important;
	padding: 0 6px;
}
.article-container article.polaroid,
.blog .page-1 .article-container article.polaroid:first-child,
.blog .page-1 .article-container article.polaroid:nth-child(2) {
	float: none;
	width: auto;
	margin: 0;
	padding: 14px 14px 26px !important;
	background: var(--pf-paper);
	box-shadow: 0 1px 2px rgba(74, 59, 44, .18), 0 10px 22px -10px rgba(74, 59, 44, .35);
	transform: rotate(-1.5deg);
	transition: transform .25s, box-shadow .25s;
	position: relative;
}
.article-container article.polaroid:nth-of-type(even) { transform: rotate(1.5deg); }
.article-container article.polaroid::before {
	/* полоска «скотча» сверху */
	content: '';
	position: absolute;
	top: -10px; left: 50%;
	width: 84px; height: 22px;
	margin-left: -42px;
	background: rgba(192, 132, 151, .38);
	transform: rotate(-3deg);
}
.article-container article.polaroid:nth-of-type(3n+2)::before { background: rgba(95, 138, 139, .32); transform: rotate(4deg); }
.article-container article.polaroid:hover { transform: rotate(0) translateY(-4px); box-shadow: 0 2px 4px rgba(74, 59, 44, .2), 0 18px 30px -12px rgba(74, 59, 44, .45); }
.polaroid-photo { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--pf-kraft-dark); }
.polaroid-photo img { display: block; width: 100%; height: 100%; object-fit: cover; filter: sepia(.18) saturate(.9); }
.polaroid-blank { display: block; width: 100%; height: 100%; }
.polaroid-caption { padding: 18px 6px 0; text-align: center; }
.polaroid .entry-title { margin: 0 0 8px; font-family: var(--pf-serif); font-style: italic; font-weight: 500; font-size: 23px; line-height: 1.25; }
.polaroid .entry-title a { color: var(--pf-ink); }
.polaroid .entry-title a:hover { color: var(--pf-rose); }
.polaroid .entry-meta { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--pf-teal); }
.polaroid .entry-summary { margin: 10px 0 0; font-size: 14.5px; color: var(--pf-ink-soft); }
.polaroid .entry-summary p { margin: 0; }

/* Постраничная навигация. */
.paging-navigation { margin-top: 56px; overflow: hidden; }
.paging-navigation a {
	font-family: var(--pf-sans);
	font-size: 13px;
	letter-spacing: .14em;
	color: var(--pf-ink);
	padding: 8px 18px;
	border: 1px solid var(--pf-rose);
	background: var(--pf-paper);
}
.paging-navigation a:hover { background: var(--pf-rose); color: var(--pf-paper); }

/* Запись и сайдбар на внутренних страницах. */
.single .post-inner-content, .page .post-inner-content, .archive .post-inner-content {
	background: var(--pf-paper);
	border: 0;
	padding: 36px 40px;
	box-shadow: 0 1px 2px rgba(74, 59, 44, .15);
}
.single .entry-title, .page .entry-title { font-style: italic; font-weight: 500; font-size: 36px; color: var(--pf-ink); }
.single .entry-content a { color: var(--pf-teal); }
.single .entry-content a:hover, .single .entry-content a:focus { background: var(--pf-teal); color: var(--pf-paper); }
.cat-title a, article.post .post-categories a { color: var(--pf-rose); font-family: var(--pf-sans); }
.entry-meta, .entry-meta a { font-family: var(--pf-sans); color: var(--pf-teal); }
#secondary .widget-title { font-family: var(--pf-serif); font-style: italic; color: var(--pf-ink); border-bottom: 2px solid var(--pf-rose); }
#secondary a { color: var(--pf-ink); }
#secondary a:hover { color: var(--pf-rose); }

/* Кнопки поиска и комментариев — в палитре. */
.single .entry-header .entry-title, .page .entry-header .entry-title { margin-top: 0; padding-top: 6px; }
.wp-block-search__button, .form-submit .submit, #commentform .submit {
	background: var(--pf-teal); color: var(--pf-paper); border: 0; font-family: var(--pf-sans);
}
.wp-block-search__button:hover, .form-submit .submit:hover { background: var(--pf-rose); color: var(--pf-paper); }

/* Подвал: только копирайт. */
#footer-area { background: var(--pf-kraft-dark); color: var(--pf-ink-soft); border-top: 1px dashed rgba(74, 59, 44, .25); }
#colophon { padding: 26px 0 30px; }
#colophon .pressed-ornament { margin: 0 auto 6px; width: 90px; }
#colophon .pressed-ornament::after { background: var(--pf-kraft-dark); }
#colophon .copyright { font-family: var(--pf-serif); font-style: italic; font-size: 16px; color: var(--pf-ink-soft); margin: 0; }

@media (max-width: 991px) {
	.article-container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 30px; }
}
@media (max-width: 600px) {
	.pressed-header { padding: 28px 0 20px; }
	.pressed-header .site-name .navbar-brand { font-size: 34px; }
	.portfolio-home-h1 { font-size: 26px; }
	.article-container { grid-template-columns: 1fr; gap: 40px; padding: 0 8px; }
	.single .post-inner-content, .page .post-inner-content, .archive .post-inner-content { padding: 22px 18px; }
	.single .entry-title, .page .entry-title { font-size: 28px; }
}