/* --- Separator — tła ---------------------------------------------------- */
.block--separator {
	width: 100%;
	margin: 0;
	padding: 0;
}
.block--separator--ciemny     { background: #0d0d0d; }
.block--separator--ciemny-alt { background: #111; }
.block--separator--transparentny { background: transparent; }

/* --- Typ: odstęp --------------------------------------------------------- */
.block--separator--odstep { display: block; }
.block--separator--sm { height: 40px; }
.block--separator--md { height: 80px; }
.block--separator--lg { height: 120px; }
.block--separator--xl { height: 180px; }

/* --- Typ: linia ---------------------------------------------------------- */
.block--separator--linia {
	padding: 0 20px;
}
.block--separator__linia {
	max-width: 1200px;
	margin: 0 auto;
	height: 1px;
	background: rgba(255, 255, 255, 0.1);
}

/* --- Typ: linia z tekstem ------------------------------------------------ */
.block--separator--linia-z-tekstem {
	padding: 24px 20px;
}
.block--separator__linia-z-tekstem {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 20px;
}
.block--separator__linia-kreska {
	flex: 1;
	height: 1px;
	background: rgba(255, 255, 255, 0.1);
}
.block--separator__linia-napis {
	font-family: 'Roboto', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #555;
	white-space: nowrap;
}

/* --- Typ: ozdobny -------------------------------------------------------- */
.block--separator--ozdobny {
	padding: 24px 20px;
}
.block--separator__ozdobny {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 16px;
}
.block--separator__ozdobny-kreska {
	flex: 1;
	height: 1px;
	background: linear-gradient(to right, transparent, rgba(74, 124, 47, 0.5), transparent);
}
.block--separator__ozdobny-diament {
	color: var(--pb-green, #4a7c2f);
	font-size: 0.9rem;
	line-height: 1;
}

/* --- Typ: gradientowy ---------------------------------------------------- */
.block--separator__gradient {
	height: 4px;
	background: linear-gradient(
		to right,
		transparent 0%,
		var(--pb-green, #4a7c2f) 30%,
		var(--pb-green-light, #6aac3f) 50%,
		var(--pb-green, #4a7c2f) 70%,
		transparent 100%
	);
}
