/*
 * Wesoła Strefa — landing publiczny v1
 * Wklej do:
 * /wp-content/themes/wesolymotyw/assets/css/wesola-strefa/wesola-strefa-landing.css
 *
 * Style tylko dla strony przed zalogowaniem: /wesola-strefa/
 */

.wcmw-strefa-split {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 20px;
	margin-top: 34px;
}

.wcmw-strefa-steps {
	display: grid;
	gap: 16px;
	margin-top: 20px;
}

.wcmw-strefa-step {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 14px;
	align-items: start;
}

.wcmw-strefa-step > span {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--wcmw-strefa-green);
	color: #fff;
	font-weight: 900;
}

.wcmw-strefa-check-list {
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.wcmw-strefa-check-list li {
	position: relative;
	margin: 10px 0;
	padding-left: 28px;
	color: var(--wcmw-strefa-muted);
}

.wcmw-strefa-check-list li::before {
	content: '✓';
	position: absolute;
	left: 0;
	top: 0;
	color: var(--wcmw-strefa-green-dark);
	font-weight: 900;
}


.wcmw-strefa-cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 20px;
	align-items: center;
	margin-top: 34px;
	padding: clamp(24px, 3vw, 38px);
	background:
		linear-gradient(135deg, rgba(232,246,238,.93), rgba(255,232,216,.72)),
		#fff;
}