/* ==========================================================================
   WDF — Tekstiosio
   ========================================================================== */

.wdf-tekstiosio {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
}

/* Sisältö keskitettynä, sisäpadding teeman muuttujista */
.wdf-tekstiosio__sisalto {
	max-width: var(--wp--style--global--content-size, 1400px);
	margin: 0 auto;
	padding: var(--wdf-padding-y) var(--wdf-padding-x);
	box-sizing: border-box;
}

/* Taustavärit + niihin sidottu tekstiväri */
.wdf-tekstiosio--tausta-vaalea {
	background: #ffffff;
	color: #000000;
}
.wdf-tekstiosio--tausta-tumma {
	background: var(--wp--preset--color--dark);
	color: #ffffff;
}

/* Otsikko perii saman värin */
.wdf-tekstiosio--tausta-vaalea .wdf-tekstiosio__otsikko { color: #000000; }
.wdf-tekstiosio--tausta-tumma  .wdf-tekstiosio__otsikko { color: #ffffff; }

.wdf-tekstiosio__otsikko {
	margin: 0 0 16px;
}

.wdf-tekstiosio__alaotsikko {
	margin: 0 0 24px;
	color: var(--wp--preset--color--accent);
}

.wdf-tekstiosio__teksti {

}
.wdf-tekstiosio__teksti p { margin: 0 0 1em; }
.wdf-tekstiosio__teksti :last-child { margin-bottom: 0; }
.wdf-tekstiosio__teksti a { color: var(--wp--preset--color--accent); }

/* CTA-painikkeen etäisyys tekstistä */
.wdf-tekstiosio .wdf-btn {
	margin-top: 32px;
}