/* Canonical Kaernten calendar: keep the event renderer intact and add its featured image. */
body.spoe-root-landing-page .spoe-tribe-event-card {
    align-items: start;
    gap: 1.05rem clamp(1.25rem, 2.4vw, 1.9rem);
    grid-template-areas:
        "media date"
        "media body";
    grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
}

body.spoe-root-landing-page .spoe-tribe-event-card__media {
    align-self: start;
    aspect-ratio: 1200 / 630;
    background: linear-gradient(135deg, rgba(228, 38, 18, 0.1), rgba(255, 255, 255, 0.98));
    border-radius: 1rem;
    box-sizing: border-box;
    display: block;
    grid-area: media;
    justify-self: stretch;
    max-width: 100%;
    min-height: clamp(10.5rem, 17vw, 13rem);
    min-width: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 100%;
}

body.spoe-root-landing-page .spoe-tribe-event-card__media img {
    display: block;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    transition: transform 220ms ease;
    width: 100%;
}

body.spoe-root-landing-page .spoe-tribe-event-card:hover .spoe-tribe-event-card__media img {
    transform: none;
}

body.spoe-root-landing-page .spoe-tribe-event-card__media--fallback {
    align-items: center;
    color: #b7180b;
    display: flex;
    font-size: 1.6rem;
    font-weight: 900;
    justify-content: center;
}

body.spoe-root-landing-page .spoe-tribe-event-card__date {
    grid-area: date;
}

body.spoe-root-landing-page .spoe-tribe-event-card__body {
    grid-area: body;
}

@media (max-width: 900px) {
    body.spoe-root-landing-page .spoe-tribe-event-card {
        grid-template-areas:
            "media"
            "date"
            "body";
        grid-template-columns: minmax(0, 1fr);
    }

    body.spoe-root-landing-page .spoe-tribe-event-card__media {
        min-height: 0;
    }
}