/* SEO Toolkit by businesssense — lista wpisow ([st_posts]) */

.st-posts {
	display: grid;
	gap: 1.75rem;
	margin: 1.5rem 0;
}

.st-posts--cols-1 { grid-template-columns: 1fr; }
.st-posts--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.st-posts--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.st-posts--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.st-posts--cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.st-posts--cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.st-posts--list {
	grid-template-columns: 1fr;
	gap: 1.25rem;
}

.st-post {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.st-posts--list .st-post {
	flex-direction: row;
	gap: 1.25rem;
	align-items: flex-start;
}

.st-post__thumb {
	display: block;
	overflow: hidden;
	margin-bottom: .85rem;
}

.st-posts--list .st-post__thumb {
	flex: 0 0 200px;
	margin-bottom: 0;
}

.st-post__thumb img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .35s ease;
}

.st-post__thumb:hover img,
.st-post__thumb:focus img {
	transform: scale(1.03);
}

.st-post__body {
	min-width: 0;
}

.st-post__title {
	margin: 0 0 .35rem;
	font-size: 1.15rem;
	line-height: 1.35;
}

.st-post__title a {
	text-decoration: none;
	color: inherit;
}

.st-post__title a:hover,
.st-post__title a:focus {
	text-decoration: underline;
}

.st-post__date {
	display: block;
	font-size: .8125rem;
	opacity: .7;
	margin-bottom: .5rem;
}

.st-post__excerpt {
	margin: 0 0 .65rem;
	line-height: 1.6;
}

.st-post__more {
	font-size: .875rem;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 1px;
}

.st-post__more:hover,
.st-post__more:focus {
	border-bottom-width: 2px;
}

.st-posts-pagination {
	margin: 1.5rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}

.st-posts-pagination .page-numbers {
	display: inline-block;
	padding: .35rem .7rem;
	border: 1px solid currentColor;
	text-decoration: none;
	line-height: 1;
}

.st-posts-pagination .page-numbers.current {
	font-weight: 700;
}

.st-posts-empty {
	opacity: .75;
	font-style: italic;
}

@media (max-width: 980px) {
	.st-posts--cols-4,
	.st-posts--cols-5,
	.st-posts--cols-6 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	.st-posts--cols-3,
	.st-posts--cols-4,
	.st-posts--cols-5,
	.st-posts--cols-6 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.st-posts--list .st-post {
		flex-direction: column;
		gap: .85rem;
	}

	.st-posts--list .st-post__thumb {
		flex: 1 1 auto;
	}
}

@media (max-width: 520px) {
	.st-posts {
		grid-template-columns: 1fr !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.st-post__thumb img {
		transition: none;
	}

	.st-post__thumb:hover img {
		transform: none;
	}
}