/* =========================================================
   AKTUALITY - SEZNAM
========================================================= */

.news-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 26px;
}


/* =========================================================
   KARTA AKTUALITY
========================================================= */

.news-card {
    overflow: hidden;

    border: 1px solid rgba(73, 48, 31, .06);
    border-radius: 24px;

    background: #fff;

    box-shadow:
        0 8px 26px rgba(73, 48, 31, .06);

    transition:
        transform var(--transition),
        box-shadow var(--transition);
}

.news-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 14px 34px rgba(73, 48, 31, .10);
}


/* Obrázek */

.news-card__image {
    display: block;

    overflow: hidden;

    aspect-ratio: 16 / 9;
}

.news-card__image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .4s ease;
}

.news-card:hover .news-card__image img {
    transform:
        scale(1.035);
}


/* Obsah */

.news-card__body {
    padding:
        24px
        26px
        26px;
}


/* Datum */

.news-card__date {

    position: static;
    
    display: inline-block;

    margin-bottom: 13px;

    padding:
        6px
        12px;

    border-radius:
        100px;

    color:
        #5b4400;

    background:
        #ffd23f;

    font-size:
        13px;

    font-weight:
        800;
}


/* Nadpis */

.news-card h2 {
    margin:
        0
        0
        12px;

    font-size:
        clamp(22px, 2vw, 28px);

    line-height:
        1.2;
}

.news-card h2 a {
    color:
        var(--color-brown);

    text-decoration:
        none;
}

.news-card h2 a:hover,
.news-card h2 a:focus-visible {
    color:
        var(--color-green-dark);
}


/* Perex */

.news-card p {
    margin:
        0
        0
        20px;

    color:
        var(--color-text-light);

    font-size:
        16px;

    line-height:
        1.6;
}


/* Odkaz */

.news-card__more {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    color:
        var(--color-green-dark);

    font-size:
        14px;

    font-weight:
        800;

    text-decoration:
        none;

    text-transform:
        uppercase;
}

.news-card__more span {
    font-size:
        20px;

    transition:
        transform var(--transition);
}

.news-card__more:hover span {
    transform:
        translateX(5px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 850px) {

    .news-list {
        grid-template-columns:
            1fr;
    }

}