/* RSHOF restoration layer · 23.08.2026
 * Small, isolated overrides on top of Prestige 3.x.
 * Keeps the mobile menu intact while restoring the compact desktop header,
 * softer light sections and a real moving mobile news ticker.
 */

.rshof-announcement__inner {
    display: grid !important;
    grid-template-columns: auto auto minmax(220px, 1fr) auto;
    align-items: center;
    gap: 14px !important;
}

.rshof-announcement__status,
.rshof-announcement__links,
.rshof-announcement__presence {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.rshof-announcement__links a,
.rshof-announcement__presence,
.rshof-social-shortcuts a {
    margin-left: 0 !important;
}

.rshof-announcement__links a {
    color: #e1ccb0;
    text-decoration: none;
    white-space: nowrap;
}

.rshof-announcement__links a:hover {
    color: #fff;
}

.rshof-announcement__presence {
    justify-content: center;
    color: #c7d0d5;
    letter-spacing: .045em;
    text-transform: none;
    white-space: nowrap;
}

.rshof-announcement__presence strong {
    color: #fff;
    font-size: 11px;
}

.rshof-social-shortcuts {
    justify-self: end;
    margin-left: 0 !important;
}

.rshof-social-shortcuts a {
    min-width: 0;
    padding-inline: 9px;
}

.rshof-social-shortcuts span {
    font-size: 8px;
}

.rshof-front-quiz-hook {
    display: block;
    width: min(520px, 100%);
    margin: 0 0 clamp(12px, 1.5vw, 18px);
    border-radius: 22px;
    text-decoration: none;
    filter: drop-shadow(0 20px 38px rgba(0, 0, 0, .28));
    transition: transform .22s ease, filter .22s ease;
}

.rshof-front-quiz-hook:hover {
    transform: translateY(-3px) scale(1.01);
    filter: drop-shadow(0 25px 46px rgba(197, 164, 111, .18));
}

.rshof-front-quiz-hook img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 22px;
}

.rshof-front-pbb-special {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    width: min(520px, 100%);
    gap: 8px 14px;
    margin: 0 0 clamp(18px, 2.4vw, 30px);
    padding: 14px 16px;
    border: 1px solid rgba(197, 164, 111, .34);
    border-radius: 17px;
    background: linear-gradient(135deg, rgba(8, 26, 35, .94), rgba(17, 49, 61, .9));
    color: #fff;
    text-decoration: none;
    box-shadow: 0 15px 36px rgba(0, 0, 0, .2);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.rshof-front-pbb-special:hover {
    transform: translateY(-2px);
    border-color: rgba(225, 204, 176, .7);
    background: linear-gradient(135deg, rgba(11, 32, 43, .98), rgba(23, 61, 73, .96));
}

.rshof-front-pbb-special__flag {
    grid-column: 1 / -1;
    color: #e7ca86;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.rshof-front-pbb-special strong {
    font-family: "Iowan Old Style", Baskerville, "Times New Roman", serif;
    font-size: clamp(20px, 2.2vw, 28px);
}

.rshof-front-pbb-special small {
    color: #b9c8ce;
    font-size: 11px;
}

.rshof-front-pbb-special em {
    color: #e4c77f;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.rshof-front-follow[hidden],
.rshof-front-hero__actions[hidden] {
    display: none !important;
}

/* Restore the native Core "Feier ich" + share toolbar and give every
 * requested network a recognizable, compact platform glyph. */
.rshof-community-toolbar__panel > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px !important;
}

.rshof-community-platform,
.rshof-community-toolbar__panel [data-rshof-share] {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-height: 42px;
    text-align: left;
}

.rshof-community-platform[hidden],
.rshof-community-toolbar__panel [data-rshof-share][hidden] {
    display: none !important;
}

.rshof-community-platform__icon {
    display: grid;
    place-items: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
}

.rshof-community-platform__icon svg {
    display: block;
    width: 21px;
    height: 21px;
    fill: currentColor;
}

.rshof-community-platform--instagram .rshof-community-platform__icon svg {
    fill: currentColor;
}

@media (min-width: 961px) {
    .rshof-header-main .rshof-shell {
        min-height: 78px;
    }

    .rshof-primary-navigation {
        flex: 1 1 auto;
        justify-content: flex-end;
        gap: 0;
    }

    .rshof-primary-navigation > .rshof-menu {
        display: flex !important;
        gap: clamp(9px, .9vw, 15px);
    }

    .rshof-primary-navigation > .rshof-menu a {
        font-size: 9px;
    }

    .rshof-header-search {
        width: clamp(150px, 15vw, 230px) !important;
        min-height: 44px;
        margin-left: 12px;
    }

    .rshof-header-search input {
        padding-left: 18px;
        font-size: 12px;
    }

    .rshof-header-search button {
        flex-basis: 46px;
    }

    .rshof-header-video-lounge,
    .rshof-header-records {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-height: 36px;
        margin-left: 12px;
        padding: 0 10px;
        border: 1px solid rgba(197, 164, 111, .34);
        border-radius: 999px;
        color: #e1ccb0;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .06em;
        text-decoration: none;
        white-space: nowrap;
    }

    .rshof-header-records {
        margin-left: 8px;
    }
}

@media (min-width: 961px) and (max-width: 1180px) {
    .rshof-primary-navigation > .rshof-menu li:nth-child(n+6) {
        display: none;
    }

    .rshof-header-search {
        width: 44px !important;
    }

    .rshof-header-search input {
        display: none;
    }
}

/* Softer editorial light surface: still premium, no glaring white block. */
.rshof-front-section--light {
    background: linear-gradient(180deg, #e7e1d7 0%, #ddd5c8 100%) !important;
    color: #162630 !important;
}

.rshof-front-section--light .rshof-eyebrow {
    color: #785f38 !important;
}

.rshof-front-section--light .rshof-front-heading p,
.rshof-front-section--light .rshof-feature-grid p {
    color: #4d5c64 !important;
}

.rshof-front-section--light .rshof-feature-grid > a {
    background: rgba(255, 255, 255, .42) !important;
    border-color: rgba(7, 19, 28, .13) !important;
    box-shadow: 0 18px 55px rgba(7, 19, 28, .08);
}

/* Mobile ticker: show the latest items as a moving rail instead of a static stack. */
@media (max-width: 960px) {
    .rshof-announcement__inner {
        display: flex !important;
        justify-content: space-between;
        gap: 8px !important;
    }

    .rshof-announcement__links,
    .rshof-social-shortcuts {
        display: none !important;
    }

    .rshof-announcement__presence {
        margin-left: auto;
        font-size: 8px;
    }

    .rshof-primary-navigation > .rshof-menu {
        display: block;
    }

    .rshof-header-video-lounge,
    .rshof-header-records {
        display: none;
    }

    .rshof-front-quiz-hook,
    .rshof-front-pbb-special {
        width: min(440px, 100%);
        margin-inline: auto;
    }

    .rshof-front-pbb-special {
        grid-template-columns: 1fr auto;
    }

    .rshof-front-pbb-special small {
        grid-column: 1 / -1;
    }

    .rshof-front-ticker {
        overflow: hidden;
    }

    .rshof-news-ticker {
        overflow: hidden;
    }

    .rshof-news-ticker > div {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content;
        max-width: none !important;
        gap: 26px;
        animation: rshof-mobile-news-rail 18s ease-in-out infinite alternate;
        will-change: transform;
    }

    .rshof-news-ticker > div > a {
        display: inline-flex !important;
        flex: 0 0 auto;
        align-items: center;
        width: min(78vw, 560px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@keyframes rshof-mobile-news-rail {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-100% + 82vw)); }
}

@media (prefers-reduced-motion: reduce) {
    .rshof-front-quiz-hook,
    .rshof-front-pbb-special {
        transition: none;
    }

    .rshof-news-ticker > div {
        animation: none !important;
        overflow-x: auto;
    }
}

@media (max-width: 560px) {
    .rshof-announcement__status > span:last-child {
        display: none;
    }

    .rshof-announcement__presence {
        white-space: normal;
        line-height: 1.25;
    }

    .rshof-community-toolbar__panel > div {
        grid-template-columns: 1fr 1fr;
    }
}