/* ==========================================================================
   WPIS (single) — „historia / porada humee”. Szablon `single.php`.

   Ten plik dokłada TYLKO specyfikę wpisu. Rama strony i typografia treści to
   prymityw prozy z ADR-0014 (`.tresc`, `.tresc__header`, `.tresc__title`,
   `.prose`) w `assets/css/tekstowa.css` — ten sam, co strony tekstowe, bo to
   ten sam problem (rich text z Gutenberga). Oba arkusze ładują się razem na
   `is_singular('post')`; nic tu nie duplikujemy.

   Kafle „przeczytaj też” = prymityw `.post-card` (components/post-card.css).
   ========================================================================== */

/* --- Meta pod tytułem: kategoria + data + czas czytania ------------------ */
.wpis__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--xs);
	margin-block-start: var(--wp--preset--spacing--sm);
	font-size: var(--wp--preset--font-size--body);
	color: var(--wp--preset--color--muted);
}

/* --- Zdjęcie wiodące ---------------------------------------------------- */
/* Ta sama kolumna co nagłówek i treść (`tekstowa.css`: miara wiersza + wcięcie),
   żeby zdjęcie nie wypadało z editorialnego rytmu strony. */
.wpis__media {
	max-inline-size: 50rem;
	margin-block: 0 var(--wp--preset--spacing--lg);
}

@media (min-width: 1024px) {
	.wpis__media {
		margin-inline-start: clamp(0rem, 16vw, 14rem);
	}
}

.wpis__image {
	width: 100%;
	height: auto;
	border-radius: var(--wp--custom--radius--modal);
}

/* --- „Przeczytaj też” — jedyna droga z wpisu do wpisu (brak archiwum) ----- */
.wpis__related {
	margin-block-start: var(--wp--preset--spacing--xl);
	padding-block-start: var(--wp--preset--spacing--lg);
	border-block-start: 1px solid var(--wp--preset--color--line);
}

.wpis__related-title {
	margin-block-end: var(--wp--preset--spacing--lg);
	font-size: var(--wp--preset--font-size--heading);
	font-weight: var(--wp--custom--font-weight--regular);
	line-height: var(--wp--custom--line-height--tight);
	letter-spacing: var(--wp--custom--letter-spacing--wide);
}