/* =========================================================
   AKTUALITY — ARCHIVE
   ========================================================= */

.news-archive {
    padding-block: 44px 38px;
}


/* =========================================================
   LIST
   ========================================================= */

.news-archive__list {
    display: grid;
}


/* =========================================================
   ITEM
   ========================================================= */

.news-item {
    display: grid;

    grid-template-columns:
        minmax(90px, 0.7fr)
        minmax(0, 3fr)
        minmax(0, 1fr);

    gap: clamp(28px, 4vw, 64px);

    align-items: start;

    padding-block: 42px;

    border-bottom: 1px solid var(--color-border);
}


/* =========================================================
   RHYTHM BREAK
   ========================================================= */

.news-item--section-break {
    margin-top: clamp(56px, 5vw, 96px);
}
/* =========================================================
   REVERSE
   ========================================================= */

.news-item--reverse {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 3fr)
        minmax(90px, 0.7fr);
}



/* datum vlevo */
.news-item:not(.news-item--reverse)
.news-item__date {
    grid-column: 1;

    margin-left: clamp(24px, 3vw, 56px);
}


/* datum vpravo */
.news-item--reverse
.news-item__date {
    grid-column: 3;
    grid-row: 1;

    justify-self: end;
    text-align: left;

    margin-right: clamp(24px, 3vw, 56px);
}


/* reverse: text vlevo */

.news-item--reverse
.news-item__content {
    grid-column: 2;
    grid-row: 1;

    justify-self: end;

    text-align: left;
}


/* reverse: datum vpravo */

.news-item--reverse
.news-item__date {
    grid-column: 3;
    grid-row: 1;

    justify-self: end;

    text-align: left;
}


/* =========================================================
   DATE
   ========================================================= */

.news-item__date {
    display: flex;
    flex-direction: column;

    color: var(--color-red);

    font-family: var(--font-display);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.05;
}

.news-item__date-day,
.news-item__date-year {
    display: block;
}


/* =========================================================
ÿ  C죠ۖ  NT
   ========================================================= */

.news-item__content {
    width: min(100%, 46ch);
}


/* =========================================================
   TITLE
   ========================================================= */

.news-item__title {
    margin: 0 0 14px;

    font-size: clamp(1.5rem, 2.2vw, 2.4rem);
    line-height: 1.05;
}


/* =========================================================
   TEXT
   ========================================================= */

.news-item__text {
    line-height: 1.6;
    font-size: 1.1rem;
}

.news-item__text > *:first-child {
    margin-top: 0;
}

.news-item__text > *:last-child {
    margin-bottom: 0;
}


/* =========================================================
   LINK
   ========================================================= */

.news-item__link {
    display: inline-block;

    margin-top: 16px;

    color: inherit;

    text-decoration: none;
    font-size: 1.1rem;
}


/* =========================================================
   OPTIONAL IMAGE
   ========================================================= */

.news-item__image {
    width: 100%;

    margin: 20px 0 0;
}

.news-item__image a {
    display: block;
}

.news-item__image img {
    display: block;

    width: 100%;
    height: auto;
}


/* =========================================================
   GALLERY
   ========================================================= */

.news-item__gallery-trigger {
    position: relative;
    display: block;
}

.news-item__gallery-source {
    display: none;
}

.news-item__gallery-count {
    position: absolute;
    right: 8px;
    bottom: 8px;

    padding: 5px 7px;

    background: rgba(255, 255, 255, 0.92);

    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .news-archive {
        padding-block: 20px 10px;
    }


    /* ---------- Item ---------- */

    .news-item,
    .news-item--reverse {
        display: grid;

        grid-template-columns: 1fr;
        gap: 0;

        padding-block: 34px;
    }


    /* ---------- Section break ---------- */

    .news-item--section-break {
        margin-top: 40px;
    }


    /* ---------- Date ---------- */

    .news-item:not(.news-item--reverse) .news-item__date,
    .news-item--reverse .news-item__date {
        grid-column: 1;
        grid-row: auto;

        justify-self: start;

        margin: 0 0 18px;

        text-align: left;
    }

    .news-item__date {
        flex-direction: row;
        gap: 0.3em;

        font-size: 0.95rem;
    }


    /* ---------- Content ---------- */

    .news-item__content,
    .news-item--reverse .news-item__content {
        grid-column: 1;
        grid-row: auto;

        justify-self: stretch;

        width: 100%;

        text-align: left;
    }


    /* ---------- Title ---------- */

    .news-item__title {
        margin-bottom: 12px;

        font-size: clamp(1.2rem, 5vw, 1.6rem);
        line-height: 1.05;
    }


    /* ---------- Text ---------- */

    .news-item__text {
        line-height: 1.55;
    }


    /* ---------- Image ---------- */

    .news-item__image {
        margin-top: 20px;
    }