/* =========================================
   WDF Kortit -lohko
   ========================================= */

/* Osion ulompi wrapper */
.wdf-kortit {
    padding: var(--wdf-padding-y) var(--wdf-padding-x);
}

/* Osion otsikkoalue */
.wdf-kortit__otsikko-alue {
    text-align: center;
    margin-bottom: 48px;
}

.wdf-kortit__otsikko {
    margin: 0;
}

/* Korttien grid */
.wdf-kortit__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
}

/* Yksittäinen kortti */
.wdf-kortit__kortti {
    position: relative;
    aspect-ratio: 1 / 1;
	max-height: 450px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: stretch;
}

/* Tumma overlay */
.wdf-kortit__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

/* Tekstisisältö kortin alareunassa */
.wdf-kortit__sisalto {
    position: relative;
    z-index: 2;
    padding: 32px;
    width: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Kortin otsikko */
.wdf-kortit__kortti-otsikko {
    color: #ffffff;
    margin: 0;
	font-size:1.728rem;
}

/* Painikkeen leveyden rajoitus korteissa */
.wdf-kortit__sisalto .wdf-btn {
    align-self: flex-start;
}

/* Tablet — kaksi korttia vierekkäin */
@media (max-width: 1024px) {
    .wdf-kortit__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobiili — yksi kortti per rivi */
@media (max-width: 767px) {
    .wdf-kortit__grid {
        grid-template-columns: 1fr;
    }
}

/* Otsikon alla oleva vihreä viiva */
.wdf-kortit__viiva {
    display: block;
    width: 180px;
    height: 1px;
    background: var(--wp--preset--color--accent);
    margin: 32px auto 16px auto;
}