/**
 * Blog — dopełnienie sygnatury systemu na home.html / archive.html / single.html.
 * Nowy plik (nie dotyka zamrożonego style.css): karty z obrazkiem wyróżniającym
 * zamiast gołego wiersza tekstu, aurora w page-hero, spójne z resztą systemu.
 */

/* --- Hero z aurorą (home.html, archive.html, single.html) -------------- */

.gd-blog-hero {
	position: relative;
	overflow: clip;
	isolation: isolate;
}

.gd-blog-hero-blobs {
	position: absolute;
	inset: -10% -5% auto -5%;
	height: 140%;
	pointer-events: none;
	z-index: 0;
}

.gd-blog-hero > *:not(.gd-blog-hero-blobs) {
	position: relative;
	z-index: 1;
}

/* --- Odstęp od hero (home.html, archive.html, single.html) ------------- */

.gd-post-list,
.gd-post-media {
	margin-top: clamp(2.5rem, 6vh, 4rem);
}

/* --- Siatka kart wpisów (home.html, archive.html) ----------------------- */

.gd-post-grid.wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(1.5rem, 3vw, 2.5rem);
}

.gd-post-grid .wp-block-post {
	border-top: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	background: var(--gd-surface);
	border: 1px solid rgba(244, 239, 230, 0.09);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
	transition: transform 0.4s var(--gd-ease-out), box-shadow 0.4s var(--gd-ease-out), border-color 0.4s var(--gd-ease);
}

.gd-post-grid .wp-block-post:hover {
	transform: translateY(-4px);
	border-color: rgba(244, 239, 230, 0.18);
	box-shadow: 0 10px 32px rgba(0, 0, 0, 0.4);
}

.gd-post-grid .wp-block-post-featured-image {
	aspect-ratio: 4 / 3;
	margin: 0;
	background: linear-gradient(135deg, var(--gd-cobalt), var(--gd-magenta) 55%, var(--gd-orange));
}

.gd-post-grid .wp-block-post-featured-image a,
.gd-post-grid .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gd-post-grid .gd-post-card__body {
	padding: 1.5rem 1.5rem 1.75rem;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.gd-post-grid .wp-block-post-date {
	order: -1;
	margin-bottom: 0.6rem;
}

.gd-post-grid .wp-block-post-title {
	font-size: 1.5rem;
	font-weight: 350;
	line-height: 1.15;
	margin: 0 0 0.75rem;
}

.gd-post-grid .wp-block-post-title a {
	transition: color 0.3s var(--gd-ease);
}

.gd-post-grid .wp-block-post-title a:hover {
	color: var(--gd-ochre-bright);
	padding-left: 0;
}

.gd-post-grid .wp-block-post-excerpt__excerpt {
	color: var(--gd-muted);
	font-size: 0.92rem;
	line-height: 1.65;
	margin: 0 0 1rem;
}

.gd-post-grid .wp-block-post-excerpt__more-link {
	font-family: var(--wp--preset--font-family--hanken-grotesk);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gd-ochre);
	text-decoration: none;
	margin-top: auto;
	transition: color 0.3s var(--gd-ease);
}

.gd-post-grid .wp-block-post-excerpt__more-link:hover {
	color: var(--gd-ochre-bright);
}

@media (max-width: 680px) {
	.gd-post-grid.wp-block-post-template {
		grid-template-columns: 1fr;
	}
}

/* --- Wpis pojedynczy (single.html) -------------------------------------- */

.gd-single-post-blobs {
	position: absolute;
	inset: -15% -10% auto -10%;
	height: 120%;
	pointer-events: none;
	z-index: 0;
}
