/* === Lejek treści EVILLAGE – styl dopasowany do bloga === */

/* Kontener na cały blok lejka */
.entry-content .ev-funnel-sections {
	/* margin-top: clamp(3rem, 4vw, 3.5rem);
	padding-top: 2rem; */
	/* border-top: 1px solid var(--theme-border-color, rgba(15,23,42,0.08)); */
	/* display: flex; */
	flex-direction: column;
	gap: 1.75rem;
}

/* Na desktopie trzy kolumny obok siebie, jak kafelki */
@media (min-width: 960px) {
	.entry-content .ev-funnel-sections {
		flex-direction: row;
	}
}
.entry-content .ev-funnel-sections {
		flex-direction: row !important;
	}
/* Pojedyncza sekcja (poprzedni / ten sam / następny etap) */
.entry-content .ev-funnel-section {
	flex: 1 1 0;
	/* padding: 1.5rem 1.6rem 1.3rem; */
	background: transparent !important;
	/* border: 1px solid rgba(15,23,42,0.06); */
	/* box-shadow: 0 16px 40px rgba(15,23,42,0.04); */
	    margin-bottom: 2rem;
}

/* Nagłówki sekcji – mały "label" jak w notkach/sekcjach */
.entry-content .ev-funnel-heading {
	font-size: 1rem;
	/* text-transform: uppercase; */
	/* letter-spacing: 0.08em; */
	margin: 0 0 2rem;
	/* color: var(--theme-link-initial-color); */
}

/* Krótkie intro pod nagłówkiem */
.entry-content .ev-funnel-intro {
	margin: 0 0 0.9rem;
	/* font-size: 0.9rem; */
	line-height: 1.6;
	color: var(--theme-text-color-light, rgba(15,23,42,0.7));
}

/* Lista linków */
.entry-content .ev-funnel-list {
	list-style: none;
	margin: 0 2.5rem;
	padding: 0;
	display: grid;
	gap: 0.85rem;
}

/* Element listy – lekki akcent z lewej */
.entry-content .ev-funnel-item {
	position: relative;
	padding-left: 1.2rem;
}

/* Kropeczka-akcent przy każdym elemencie */
.entry-content .ev-funnel-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55rem;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: var(--theme-link-color, var(--theme-palette-color-1, #f97316));
	opacity: 0.85;
}

/* Link – tytuł artykułu */
.entry-content .ev-funnel-link {
	display: inline-block;
	/* font-weight: 600; */
	text-decoration: none;
	color: var(--theme-heading-color, #0f172a);
	transition: color 0.18s ease, transform 0.18s ease;
}

/* Hover – tak jak przy linkach w Bazie wiedzy */
.entry-content .ev-funnel-link:hover {
	color: var(--theme-link-color, var(--theme-palette-color-1, #f97316));
	transform: translateY(-1px);
}

/* Krótkie streszczenie */
.entry-content .ev-funnel-excerpt {
	margin: 0.15rem 0 0;
	font-size: 0.86rem;
	line-height: 1.55;
	color: var(--theme-text-color-light, rgba(15,23,42,0.72));
}

/* Sekcja CTA - wycentrowana horizontalnie i wertykalnie */
.entry-content .ev-funnel-cta-stage {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 2.5rem 1.6rem;
	border: 2px solid var(--theme-border-color, rgba(15, 23, 42, 0.08));
	background-color: #ffffff !important;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.04);
	margin-top: 1rem;
}
.entry-content .ev-funnel-bofu-stage{
}
.entry-content .ev-funnel-cta-stage .ev-funnel-heading {
	margin-bottom: 1rem;
}

.entry-content .ev-funnel-cta-stage .ev-funnel-intro {
	max-width: 600px;
	margin-bottom: 1.5rem;
}

 .entry-content .ev-funnel-cta {
	margin: 0.9rem 0 0;
 }

 .entry-content .ev-funnel-cta-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.65rem 0.95rem;
	background: var(--theme-link-color, var(--theme-palette-color-1, #f97316));
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	transition: filter 0.18s ease, transform 0.18s ease;
 }

 .entry-content .ev-funnel-cta-button:hover {
	filter: brightness(0.95);
	transform: translateY(-1px);
 }

 .entry-content .ev-funnel-cta-button:focus-visible {
	outline: 2px solid var(--theme-link-color, var(--theme-palette-color-1, #f97316));
	outline-offset: 3px;
 }

/* Trochę ciaśniej na bardzo małych ekranach */
/* @media (max-width: 599px) {
	.entry-content .ev-funnel-section {
		padding: 1.35rem 1.3rem 1.25rem;
	}
} */