/*
=========================================================
News — M1 placeholder
=========================================================
Full news functionality is planned for M2.
=========================================================
*/

.news-coming-soon {
    position: relative;
    overflow: hidden;
    min-height: calc(100vh - var(--header-height));
    padding-block: clamp(3rem, 6vw, 5.5rem);
    background:
        radial-gradient(circle at 86% 12%, rgba(77, 181, 247, .14), transparent 28rem),
        radial-gradient(circle at 10% 82%, rgba(255, 209, 102, .12), transparent 23rem),
        linear-gradient(180deg, rgba(234, 248, 255, .72), rgba(255, 255, 255, 1));
}

.news-coming-soon__layout {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    align-items: center;
    gap: clamp(2.25rem, 5vw, 5.5rem);
}

.news-coming-soon__content {
    min-width: 0;
}

.news-coming-soon__breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: var(--space-xl);
    color: var(--color-text-light);
    font-size: .92rem;
}

.news-coming-soon__breadcrumbs a {
    color: var(--color-primary-strong);
}

.news-coming-soon__title {
    max-width: 760px;
    margin: .45rem 0 var(--space-xl);
    color: var(--color-text);
    font-size: clamp(3rem, 5.7vw, 5.2rem);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.news-coming-soon__text {
    max-width: 760px;
}

.news-coming-soon__text p {
    margin: 0 0 1.25em;
    color: var(--color-text-light);
    font-size: clamp(1.08rem, 1.3vw, 1.22rem);
    line-height: 1.75;
}

.news-coming-soon__closing {
    display: inline-block;
    margin-top: .35rem !important;
    padding: .9rem 1.15rem;
    border: 1px solid rgba(255, 184, 0, .35);
    border-radius: var(--radius-lg);
    color: var(--color-text) !important;
    background: rgba(255, 244, 203, .72);
}

.news-coming-soon__media {
    margin: 0;
}

.news-coming-soon__image {
    display: block;
    width: 100%;
    height: auto;
    border: 3px solid rgba(77, 181, 247, .22);
    border-radius: clamp(1.35rem, 3vw, 2.5rem);
    box-shadow: 0 22px 55px rgba(38, 50, 72, .12);
}

html.accessibility-mode .news-coming-soon {
    background: linear-gradient(180deg, #f0f0f0, #fff);
}

html.accessibility-mode .news-coming-soon__text p {
    color: #111 !important;
    font-size: 1.3rem !important;
    line-height: 1.8 !important;
}

html.accessibility-mode .news-coming-soon__closing {
    color: #000 !important;
    border: 2px solid #000;
    background: #eee;
}

html.accessibility-mode .news-coming-soon__image {
    border: 2px solid #777;
    box-shadow: none;
}

@media (max-width: 991.98px) {
    .news-coming-soon__layout {
        grid-template-columns: 1fr;
        gap: var(--space-2xl);
    }

    .news-coming-soon__media {
        max-width: 780px;
    }
}

@media (max-width: 575.98px) {
    .news-coming-soon {
        padding-top: var(--space-2xl);
    }

    .news-coming-soon__title {
        font-size: clamp(2.35rem, 12vw, 3.25rem);
    }

    .news-coming-soon__text p {
        font-size: 1.05rem;
        line-height: 1.7;
    }

    .news-coming-soon__closing {
        display: block;
    }
}
