/* =========================================
   WDF Sisältölista -lohko
   ========================================= */

/* Ulompi wrapper — kaksipalstainen grid */
.wdf-sisaltolista {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    padding: var(--wdf-padding-y) 0;
    align-items: end;
}

/* Vasen kolumni */
.wdf-sisaltolista__vasen {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

/* Yläotsikko-tagi */
.wdf-sisaltolista__ylaOtsikko {
    display: inline-block;
    font-size: 0.833rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: #f0f0f0;
    color: #1a1a1a;
    padding: 8px 24px;
    border-radius: 999px;
    align-self: flex-start;
}

/* Pääotsikko */
.wdf-sisaltolista__otsikko {
    margin: 16px 0 64px 0;
}

/* Korttien grid — 2x2 */
.wdf-sisaltolista__kortit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
}

/* Yksittäinen kortti */
.wdf-sisaltolista__kortti {
    border-left: 2px solid var(--wp--preset--color--accent);
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Numero tai päivämäärä */
.wdf-sisaltolista__numero {
	color:#B1B1B1;
    
}

/* Kortin otsikko */
.wdf-sisaltolista__kortti-otsikko {
    margin: 32px 0 0 0;
}

/* Kortin teksti */
.wdf-sisaltolista__kortti-teksti {
    margin: 0;
}

/* Oikea kolumni — kuva */
.wdf-sisaltolista__kuva-wrapper {
    position: relative;
}

.wdf-sisaltolista__kuva {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Painike kuvan päällä alareunassa */
.wdf-sisaltolista__painike {
    position: absolute;
    bottom: 32px;
    left: 32px;
}

/* Tablet */
@media (max-width: 1024px) {
    .wdf-sisaltolista {
        grid-template-columns: 1fr;
    }
}