/**
 * T4 — blog: lista (siatka kart jak wyniki katalogu), karta wpisu (wzorzec K16 katalogowej),
 * wpis (kolumna ~720 px, typografia artykułu), CTA do katalogu, paginacja, komentarze.
 * Niezaprojektowane — z tokenów i wzorców projektu; mobile-first.
 */

/* ================================================================ */
/* Lista                                                             */
/* ================================================================ */

.rc-blog-chipy {
	margin-top: 22px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--rc-ramka);
}

.rc-blog-chipy .rc-chips {
	flex-wrap: nowrap;
	overflow-x: auto;
	margin: 0 calc(var(--rc-margines) * -1);
	padding: 0 var(--rc-margines) 4px;
	scrollbar-width: none;
}

.rc-blog-chipy .rc-chips::-webkit-scrollbar {
	display: none;
}

.rc-blog-chipy .rc-chips > li {
	flex: none;
}

.rc-blog__lista {
	padding-top: 28px;
}

.rc-blog-siatka {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
}

@media (min-width: 640px) {
	.rc-blog-siatka {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px;
	}
}

@media (min-width: 1024px) {
	.rc-blog-chipy {
		margin-top: 26px;
		padding-bottom: 30px;
	}

	.rc-blog-chipy .rc-chips {
		flex-wrap: wrap;
		overflow: visible;
		margin: 0;
		padding: 0;
	}

	.rc-blog__lista {
		padding-top: 36px;
	}

	.rc-blog-siatka {
		grid-template-columns: repeat(auto-fill, minmax(262px, 1fr));
		gap: 26px;
	}
}

/* Liczniki chipów bloga: #6B7278 zamiast #98A0A9 (kontrast 4,9:1 — V2-03, decyzja leada). */
.rc-blog-chipy .rc-chip:not(.is-aktywny) .rc-chip__licznik {
	color: var(--rc-tekst-meta);
}

/* ================================================================ */
/* Karta wpisu (K16 katalogowa: r20, ramka #EDEFF2, zdjęcie 4:3, tytuł 19/1.28/-0.022em) */
/* ================================================================ */

.rc-wpis-karta {
	display: flex;
	min-width: 0;
}

.rc-wpis-karta__link {
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--rc-ramka);
	border-radius: var(--rc-r-20);
	background: var(--rc-bialy);
	color: var(--rc-tekst);
	text-decoration: none;
	transition: transform var(--rc-czas-karta) var(--rc-ease-karta), box-shadow var(--rc-czas-karta) ease, border-color var(--rc-czas-karta) ease;
}

.rc-wpis-karta__link:hover,
.rc-wpis-karta__link:focus {
	color: var(--rc-tekst);
}

.rc-wpis-karta__link:hover {
	transform: translateY(-4px);
	border-color: var(--rc-ramka-hover);
	box-shadow: var(--rc-cien-karta-hover-katalog);
}

.rc-wpis-karta__zdjecie {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: var(--rc-tlo-sekcji);
}

.rc-wpis-karta__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rc-wpis-karta__brak {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--rc-nieaktywne);
}

/* Pigułka kategorii jak pill rodzaju na zdjęciu (K14). */
.rc-wpis-karta__pill {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 6px 11px;
	border-radius: var(--rc-r-pill);
	background: var(--rc-bialy-94);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	font-family: var(--rc-font-naglowki);
	font-size: 11px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--rc-tekst);
}

.rc-wpis-karta__tresc {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 20px 20px 22px;
}

.rc-wpis-karta__tytul {
	margin: 0 0 9px;
	font-family: var(--rc-font-naglowki);
	font-size: 19px;
	font-weight: 600;
	line-height: 1.28;
	letter-spacing: -0.022em;
	color: var(--rc-tekst);
}

.rc-wpis-karta__meta {
	margin: 0 0 12px;
	font-family: var(--rc-font-tekst);
	font-size: 13.5px;
	line-height: normal;
	color: var(--rc-tekst-meta);
}

.rc-wpis-karta__zajawka {
	display: -webkit-box;
	margin: 0 0 16px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-family: var(--rc-font-tekst);
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--rc-tekst-2);
}

.rc-wpis-karta__stopka {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 12px;
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid var(--rc-ramka);
}

.rc-wpis-karta__czytaj {
	font-family: var(--rc-font-naglowki);
	font-size: 13.5px;
	font-weight: 600;
	line-height: normal;
	color: var(--rc-niebieski-ciemny);
}

/* ================================================================ */
/* Wpis                                                              */
/* ================================================================ */

.rc-wpis {
	display: block;
	padding-bottom: 72px;
}

.rc-wpis__kolumna {
	max-width: 720px;
	margin: 0 auto;
	padding-top: 24px;
}

.rc-wpis__naglowek {
	margin-bottom: 28px;
}

.rc-wpis__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	margin: 0 0 16px;
	font-family: var(--rc-font-tekst);
	font-size: 13.5px;
	line-height: normal;
	color: var(--rc-tekst-meta);
}

/* Kategoria jak eyebrow w pigułce (BESTSELLER-podobna, ale niebieska) */
.rc-wpis__pill {
	padding: 7px 13px;
	border-radius: var(--rc-r-pill);
	background: var(--rc-niebieski-tlo);
	font-family: var(--rc-font-naglowki);
	font-size: 11.5px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--rc-niebieski-ciemny);
}

.rc-wpis__pill:hover {
	color: var(--rc-niebieski-ciemny);
}

.rc-wpis__tytul {
	margin: 0;
	font-family: var(--rc-font-naglowki);
	font-size: 34px;
	font-weight: 700;
	line-height: 1.04;
	letter-spacing: -0.042em;
	color: var(--rc-tekst);
	overflow-wrap: break-word;
}

.rc-wpis__lead {
	margin: 18px 0 0;
	font-family: var(--rc-font-tekst);
	font-size: 18px;
	font-weight: 300;
	line-height: 1.64;
	color: var(--rc-tekst);
}

.rc-wpis__obrazek {
	margin: 0 0 32px;
}

.rc-wpis__obrazek-img {
	display: block;
	width: 100%;
	max-height: min(70vh, 540px);
	object-fit: cover;
	border-radius: var(--rc-r-24);
}

.rc-wpis__obrazek--maly .rc-wpis__obrazek-img {
	width: auto;
	max-width: 100%;
	border-radius: var(--rc-r-20);
}

.rc-wpis__obrazek figcaption {
	margin-top: 10px;
	font-family: var(--rc-font-tekst);
	font-size: 13.5px;
	color: var(--rc-tekst-meta);
}

@media (min-width: 640px) {
	.rc-wpis__tytul {
		font-size: 44px;
	}
}

@media (min-width: 1024px) {
	.rc-wpis {
		padding-bottom: 104px;
	}

	.rc-wpis__kolumna {
		padding-top: 40px;
	}

	.rc-wpis__naglowek {
		margin-bottom: 36px;
	}

	.rc-wpis__tytul {
		font-size: var(--rc-h1-karta);
		line-height: 0.98;
	}

	.rc-wpis__lead {
		font-size: 19px;
	}

	.rc-wpis__obrazek {
		margin-bottom: 40px;
	}
}

/* ----- Typografia artykułu (rozszerza .rc-tresc z layout.css) ----- */
.rc-tresc--artykul {
	font-size: 16.5px;
	line-height: 1.75;
	color: var(--rc-tekst-cytat);
}

.rc-tresc--artykul > p:first-child {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.64;
	color: var(--rc-tekst);
}

.rc-tresc--artykul > * + * {
	margin-top: 1.1em;
}

.rc-tresc--artykul h2 {
	margin-top: 1.8em;
	font-size: 26px;
	line-height: 1.15;
	letter-spacing: -0.035em;
}

.rc-tresc--artykul h3 {
	margin-top: 1.6em;
	font-size: 20px;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.rc-tresc--artykul h4,
.rc-tresc--artykul h5,
.rc-tresc--artykul h6 {
	margin-top: 1.5em;
	font-family: var(--rc-font-naglowki);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--rc-tekst);
}

.rc-tresc--artykul h2 + *,
.rc-tresc--artykul h3 + *,
.rc-tresc--artykul h4 + * {
	margin-top: 0.6em;
}

.rc-tresc--artykul figure,
.rc-tresc--artykul .wp-caption {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.rc-tresc--artykul img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: var(--rc-r-20);
}

/* Zdjęcia pionowe nie dłuższe niż ~ekran: węższe, wyśrodkowane (proporcje bez zmian). */
.rc-tresc--artykul img[height] {
	width: auto;
	max-height: min(85vh, 820px);
	margin-left: auto;
	margin-right: auto;
}

.rc-tresc--artykul .alignleft,
.rc-tresc--artykul .alignright,
.rc-tresc--artykul .aligncenter {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.rc-tresc--artykul figcaption,
.rc-tresc--artykul .wp-caption-text {
	margin-top: 10px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--rc-tekst-meta);
}

.rc-tresc--artykul a img {
	transition: opacity var(--rc-czas-cta) ease;
}

.rc-tresc--artykul a:hover img {
	opacity: 0.92;
}

.rc-tresc--artykul blockquote {
	padding-left: 20px;
	border-left: 3px solid var(--rc-zolty);
	font-size: 18px;
	font-weight: 300;
	line-height: 1.62;
	color: var(--rc-tekst);
}

.rc-tresc--artykul hr {
	height: 0;
	margin: 2.4em 0;
	border: 0;
	border-top: 1px solid var(--rc-ramka);
}

.rc-tresc--artykul ul li::marker,
.rc-tresc--artykul ol li::marker {
	color: var(--rc-niebieski-ciemny);
}

.rc-tresc--artykul table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14.5px;
	line-height: 1.5;
}

.rc-tresc--artykul th,
.rc-tresc--artykul td {
	padding: 10px 12px;
	border-bottom: 1px solid var(--rc-ramka);
	text-align: left;
	vertical-align: top;
}

.rc-tresc--artykul iframe,
.rc-tresc--artykul .wp-block-embed iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 0;
	border-radius: var(--rc-r-16);
}

.rc-tresc--artykul iframe[src*="youtube"],
.rc-tresc--artykul iframe[src*="vimeo"] {
	height: auto;
	aspect-ratio: 16 / 9;
}

.rc-tresc--artykul .wp-block-gallery,
.rc-tresc--artykul .gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.rc-tresc--artykul .wp-block-gallery figure,
.rc-tresc--artykul .gallery-item {
	margin: 0;
}

.rc-tresc--artykul .wp-block-gallery img,
.rc-tresc--artykul .gallery img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: var(--rc-r-14);
}

.rc-tresc--artykul h2,
.rc-tresc--artykul h3 {
	/* Odstęp ponad scroll-padding-top T1 (nagłówek sticky + 24 px + pasek admina) — razem ok. 110 px. */
	scroll-margin-top: 12px;
}

@media (min-width: 1024px) {
	.rc-tresc--artykul {
		font-size: 17px;
	}

	.rc-tresc--artykul > p:first-child {
		font-size: 19px;
	}

	.rc-tresc--artykul h2 {
		font-size: 30px;
	}

	.rc-tresc--artykul h3 {
		font-size: 22px;
	}

	.rc-tresc--artykul .wp-block-gallery,
	.rc-tresc--artykul .gallery {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Zaślepka osadzonego wideo (bez zgody na treści zewnętrzne / lokalnie) */
.rc-osadzenie {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	aspect-ratio: 16 / 9;
	padding: 20px;
	border-radius: var(--rc-r-16);
	background: var(--rc-ciemne-tlo);
	color: var(--rc-bialy);
	text-align: center;
}

.rc-tresc a.rc-osadzenie,
.rc-osadzenie {
	text-decoration: none;
}

.rc-osadzenie:hover,
.rc-osadzenie:focus {
	color: var(--rc-bialy);
}

.rc-osadzenie__ikona {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	padding-left: 3px;
	border-radius: 50%;
	background: var(--rc-zolty);
	color: var(--rc-tekst);
	transition: transform var(--rc-czas-cta) ease;
}

.rc-osadzenie:hover .rc-osadzenie__ikona {
	transform: scale(1.06);
}

.rc-osadzenie__tekst {
	font-family: var(--rc-font-naglowki);
	font-size: 15px;
	font-weight: 600;
	line-height: normal;
}

.rc-osadzenie__ramka {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: var(--rc-r-16);
}

/* ----- Tagi, nawigacja wpisów ----- */
.rc-wpis__tagi {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
}

.rc-wpis__tag {
	display: inline-flex;
	padding: 7px 13px;
	border: 1px solid var(--rc-ramka-przycisk);
	border-radius: var(--rc-r-pill);
	font-family: var(--rc-font-tekst);
	font-size: 13px;
	line-height: normal;
	color: var(--rc-tekst-2);
	transition: border-color var(--rc-czas-pill) ease;
}

.rc-wpis__tag:hover,
.rc-wpis__tag:focus {
	border-color: var(--rc-tekst);
	color: var(--rc-tekst);
}

.rc-wpis__nawigacja {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	margin-top: 40px;
	padding-top: 28px;
	border-top: 1px solid var(--rc-ramka);
}

.rc-wpis__nawigacja-link {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px 20px;
	border: 1px solid var(--rc-ramka-karta);
	border-radius: var(--rc-r-18);
	color: var(--rc-tekst);
	transition: transform var(--rc-czas-karta) var(--rc-ease-karta), box-shadow var(--rc-czas-karta) ease, border-color var(--rc-czas-karta) ease;
}

.rc-wpis__nawigacja-link:hover,
.rc-wpis__nawigacja-link:focus {
	color: var(--rc-tekst);
}

.rc-wpis__nawigacja-link:hover {
	transform: translateY(-4px);
	border-color: var(--rc-ramka-hover-2);
	box-shadow: var(--rc-cien-termin-hover);
}

.rc-wpis__nawigacja-link--nastepny {
	text-align: right;
}

.rc-wpis__nawigacja-etykieta {
	font-family: var(--rc-font-naglowki);
	font-size: 11.5px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--rc-tekst-meta);
}

.rc-wpis__nawigacja-tytul {
	font-family: var(--rc-font-naglowki);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.32;
	letter-spacing: -0.015em;
}

@media (min-width: 640px) {
	.rc-wpis__nawigacja {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rc-wpis__nawigacja-link--nastepny:only-child {
		grid-column: 2;
	}
}

/* ================================================================ */
/* CTA do katalogu pod wpisem (nagłówek jak 3.5 + karty katalogowe)  */
/* ================================================================ */

.rc-blog-cta {
	margin-top: 64px;
	padding-top: 40px;
	border-top: 1px solid var(--rc-ramka);
}

.rc-blog-cta__naglowek {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px 30px;
	margin-bottom: 24px;
}

.rc-blog-cta__tytul {
	margin: 0;
	font-family: var(--rc-font-naglowki);
	font-size: 26px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.035em;
	color: var(--rc-tekst);
}

/* „Wszystkie wycieczki →” — A 14.5/600, podkreślenie 2 px #FFC933 (K10). */
.rc-blog-cta__link,
.rc-blog-cta__link:hover,
.rc-blog-cta__link:focus {
	color: var(--rc-tekst);
}

.rc-blog-cta__link {
	padding-bottom: 3px;
	border-bottom: 2px solid var(--rc-zolty);
	font-family: var(--rc-font-naglowki);
	font-size: 14.5px;
	font-weight: 600;
	line-height: normal;
	white-space: nowrap;
}

.rc-blog-cta__siatka {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
}

@media (min-width: 640px) {
	.rc-blog-cta__siatka {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.rc-blog-cta {
		margin-top: 84px;
		padding-top: 56px;
	}

	.rc-blog-cta__tytul {
		font-size: 32px;
	}

	.rc-blog-cta__siatka {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 26px;
	}
}

/* ================================================================ */
/* Komentarze (na starej stronie zamknięte — styl na wypadek włączenia) */
/* ================================================================ */

.rc-komentarze {
	margin-top: 48px;
	font-family: var(--rc-font-tekst);
	font-size: 15px;
	line-height: 1.65;
	color: var(--rc-tekst-2);
}

.rc-komentarze__tytul {
	margin: 0 0 20px;
	font-family: var(--rc-font-naglowki);
	font-size: 23px;
	font-weight: 700;
	letter-spacing: -0.028em;
	color: var(--rc-tekst);
}

.rc-komentarze__lista {
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
}

.rc-komentarze__lista .comment-body {
	padding: 20px 0;
	border-bottom: 1px solid var(--rc-ramka);
}

.rc-komentarze input[type="text"],
.rc-komentarze input[type="email"],
.rc-komentarze input[type="url"],
.rc-komentarze textarea {
	display: block;
	width: 100%;
	padding: 14px 16px;
	border: 1px solid var(--rc-ramka-pole);
	border-radius: var(--rc-r-12);
	font-size: 15px;
}