/* Rafiozoo Blog CSS */
/* if_page('blog') enqueue - see PHP function
/* version: 20260427 */

:root {
	/* --light-green: #54af3a; */
	/* --green: #0A8A23; */
	--green-bg-wcag: #06691b;
}

.pe-container {
    container-type: inline-size;
    container-name: pe-container;
    width: 100%;
    box-sizing: border-box;
}

/* Blog Page = Aktualnosci / newsy (slug: blog)  */
/* 
#pe-content-part
	.pe-container
		.pe-row
			#pe-content.col-md-9.col-md-push-0
				main#pe-maincontent
					.pe-blog-row.style-effect.cols-2
						.pe-row
							.blog-col.col-sm-6
article.post-47729.post.type-post.status-publish.format-standard.hentry.category-65.category-komunikat.category-wszystkie.clearfix
	header.page-header
		h2.entry-title
			a
		.post-meta.standard-meta
			span.date-wrap
				span.date.updated
			span.separator
	.pe-article-content
		p, p...
		p.pe-article-read-more
			a.readmore
	||
	header.page-header
		h2.entry-title
			a
		.post-meta.standard-meta
			span
				span.date.updated
			span
				span.vcard.author-link author
					a
				span.separator
				a[rel="category tag"]
				a[rel="category tag"]
			span.separator
	figure.pe-image effect
		a
			img.attachment-large.size-large.wp-post-image
	figcaption
		.intro
			p, p...
			p.pe-article-read-more
				a.readmore
*/
.recent-news .wp-block-post-template .wp-block-post + .wp-block-post {
	margin-top: 2rem;
}
.recent-news .wp-block-post {
	border-bottom: 1px solid #ddd;
	padding-bottom: 2rem
}
.recent-news .wp-block-post > article {
	position: relative;
}
.recent-news .wp-block-post .wp-block-group__inner-container {
	display: grid;
	gap: .75rem 1.5rem;
	gap: .75rem clamp(1.5rem, 0.9737rem + 1.4035cqi, 2rem);
}
.recent-news .wp-block-post .wp-block-post-title a::after {
	content: '';
	position: absolute;
	/* background-color: #F093; */
	inset: 0;
}
.recent-news .wp-block-post-date {
	line-height: 1.5;
}
.recent-news .wp-block-post-title {
	line-height: 1.25;
}
.recent-news .wp-block-post-excerpt {
	line-height: 1.5;
}
.recent-news .wp-block-post-excerpt::after {
	content: 'Czytaj wi\0119 cej';
	display: inline-block;
	font-size: .8125rem;
	line-height: 1;
	padding: 1.25em 1.5em;
	background-color: var(--green);
	color: #fff;
	border-radius: 100vh;
	margin-top: 1rem;
	transition: background-color .2s !important;
}
html[lang="en"] .recent-news .wp-block-post-excerpt::after {
	content: 'Read more';
}
.recent-news .wp-block-post-title:has(a:hover) + .wp-block-post-excerpt::after {
	background-color: var(--light-green);
}
.recent-news .wp-block-post-title {
	margin-block: 0;
}
.recent-news .wp-block-post-title a {
	color: var(--green);
}
@container pe-container (min-width: 600px) {
	.recent-news .wp-block-post .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas: 
			'image date'
			'image title'
			'image excerpt';
		/* align-items: start; */
		grid-template-rows: auto auto 1fr;
	}
	.recent-news .wp-block-post-featured-image {
		grid-area: image;
		overflow: clip;
	}
	.recent-news .wp-block-post-date {
		grid-area: date;
		line-height: 1;
	}
	.recent-news .wp-block-post-title {
		grid-area: title;
	}
	.recent-news .wp-block-post-excerpt {
		grid-area: excerpt;
		margin-bottom: -.75rem;
	}
	.recent-news .wp-block-post:not(.has-post-thumbnail) .wp-block-post-title a::after {
		inset: 0 0 0 50%;
	}
	.recent-news .wp-block-post-featured-image img {
		transition: all .3s !important;
	}
	.recent-news .wp-block-group__inner-container:has(.wp-block-post-title a:hover) .wp-block-post-featured-image img {
		transform: scale(105%);
		filter: brightness(105%);
	}
}



.announcements .wp-block-post {
	border-bottom: 1px solid #ddd;
	padding-block: 1rem 1.25rem
}
.announcements .wp-block-post:first-of-type {
	border-top: 1px solid #ddd;
}
.announcements .wp-block-post .wp-block-group__inner-container {
	display: grid;
	gap: .75rem;
}
.announcements .wp-block-post-title {
	font-size: 1.125rem;
	line-height: 1.4;
	margin-block: 0;
}
@container pe-container (min-width: 600px) {
	.announcements .wp-block-post {
		padding-block: 1.25rem
	}
	.announcements .wp-block-post .wp-block-group__inner-container {
		grid-template-columns: 17ch auto;
		gap: 2.5rem;
	}
	.announcements .wp-block-post-date {
		text-align: right;
		line-height: 1.4;
	}
}