/* ==========================================================================
   WDF — Kolmen palstan nostot
   ========================================================================== */

/* Pystyväli: lohko vastaa omasta ylä-/alatilastaan */
.wdf-nostot {
	padding-block: var(--wdf-padding-y);
}

/* Osion yläosa: otsikko + intro */
.wdf-nostot__ylaosa {
	max-width: 760px;
	margin-bottom: 64px;
}
.wdf-nostot__otsikko {
	margin: 0 0 16px;
}
.wdf-nostot__intro p { margin: 0 0 1em; }
.wdf-nostot__intro :last-child { margin-bottom: 0; }

/* Kolme laatikkoa vierekkäin */
.wdf-nostot__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}

/* Sisältölaatikko: liukuväritausta + 32px padding */
.wdf-nostot__laatikko {
	display: flex;
	flex-direction: column;
	padding: 32px;
	background: linear-gradient(to bottom, #E4EDE8 0%, rgba(228, 237, 232, 0) 100%);
}
.wdf-nostot__laatikko-otsikko {
	margin: 0 0 16px;
}
.wdf-nostot__laatikko-teksti {margin-bottom:32px;}
.wdf-nostot__laatikko-teksti p { margin: 0 0 1em; }
.wdf-nostot__laatikko-teksti :last-child { margin-bottom: 0; }
.wdf-nostot__laatikko-teksti a { color: var(--wp--preset--color--accent); }

/* CTA laatikon alalaitaan, jotta napit ovat samalla viivalla */
.wdf-nostot__laatikko .wdf-btn {
	margin-top: auto;
	align-self: flex-start;
}

/* Responsiivisuus: 3 -> 1 mobiilissa */
@media (max-width: 767px) {
	.wdf-nostot__grid { grid-template-columns: 1fr; }
}