/* Compact desktop PWA controls inside the news hero. Mobile presentation remains owned by the shared PWA styles. */
.ifk-news-archive__hero-actions {
    display: contents;
}

@media (min-width: 48rem) {
    .ifk-news-archive__hero-meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
    }

    .ifk-news-archive__hero-actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: .45rem;
        margin-left: auto;
        min-width: 0;
        white-space: nowrap;
    }

    .ifk-news-archive__hero-actions .ifk-news-archive__hero-source-label {
        flex: 0 0 auto;
        margin: 0;
    }

    .ifkdb-pwa-push-host--news-hero {
        display: inline-flex !important;
        width: auto !important;
        max-width: none !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: .4rem !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .ifkdb-pwa-push-host--news-hero > div,
    .ifkdb-pwa-push-host--news-hero > form,
    .ifkdb-pwa-push-host--news-hero > section {
        display: inline-flex !important;
        width: auto !important;
        max-width: none !important;
        align-items: center !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: .4rem !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .ifkdb-pwa-push-host--news-hero button,
    .ifkdb-pwa-push-host--news-hero a[role="button"] {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 2rem !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: .42rem .7rem !important;
        white-space: nowrap !important;
        font-size: .66rem !important;
        line-height: 1 !important;
    }
}


/* Highlight the install action in IFK Göteborg yellow. */
@media (min-width: 48rem) {
    .ifkdb-pwa-push-host--news-hero .ifk-news-archive__install-cta {
        border-color: #f8b817 !important;
        background: #f8b817 !important;
        color: #082b55 !important;
        box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 .2rem .55rem rgba(0,0,0,.12) !important;
    }

    .ifkdb-pwa-push-host--news-hero .ifk-news-archive__install-cta:hover,
    .ifkdb-pwa-push-host--news-hero .ifk-news-archive__install-cta:focus-visible {
        background: #ffd04a !important;
        border-color: #ffd04a !important;
        color: #082b55 !important;
    }
}


/* Mobile hero fact install CTA. Desktop keeps the latest-news fact. */
.ifk-news-archive__fact--install {
    display: none;
}

@media (max-width: 47.99rem) {
    .ifk-news-archive__hero-facts > [hidden] {
        display: none !important;
    }

    .ifk-news-archive__fact--install:not([hidden]) {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        background: inherit !important;
        color: inherit !important;
    }

    .ifk-news-archive__fact-install-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 2rem;
        padding: .48rem .72rem;
        border-radius: .55rem;
        background: #f8b817;
        color: #082f67 !important;
        font-size: clamp(.68rem, 3vw, .82rem);
        font-weight: 800;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
        box-shadow: 0 1px 0 rgba(255,255,255,.22) inset;
    }

    .ifk-news-archive__fact-install-button:focus-visible {
        outline: 2px solid #fff;
        outline-offset: 2px;
    }
}

/* Keep the mobile install CTA inside the existing two-cell fact row. */
@media (max-width: 47.99rem) {
    .ifk-news-archive__hero-facts {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    .ifk-news-archive__fact--all,
    .ifk-news-archive__fact--install:not([hidden]) {
        grid-column: auto !important;
        min-width: 0 !important;
    }

    .ifk-news-archive__fact--install:not([hidden]) {
        align-self: stretch !important;
        justify-content: center !important;
        padding: .45rem .55rem !important;
    }

    .ifk-news-archive__fact-install-button,
    .ifk-news-archive__fact-install-button:link,
    .ifk-news-archive__fact-install-button:visited {
        color: #082f67 !important;
    }
}