@font-face {
    font-family: "ZH Permanent Marker";
    src: url("fonts/PermanentMarker-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

/*
 * Zomblers desktop navigation polish.
 * The theme switches to its mobile drawer at 1100px, so every rule here is
 * deliberately desktop-only and cannot change the approved mobile header.
 */
body.home.zch-classic-theme::before {
    display: none !important;
}

/* Project-owned Kit Check art replaces the theme placeholder while the
   block's editable copy and commerce link remain native WordPress content. */
body.home .z-dashboard-panel--promo .wp-block-cover__image-background {
    content: url("kit-check-v2.jpg") !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: saturate(0.98) contrast(1.035) !important;
}

body.home .z-dashboard-panel--promo .wp-block-cover__background {
    background: linear-gradient(90deg, rgba(2, 9, 13, 0.74) 0 28%, rgba(2, 9, 13, 0.28) 49%, rgba(2, 9, 13, 0.08) 78%) !important;
    opacity: 1 !important;
}

/* Use the newsletter panel's quiet lower third as a compact content promise,
   backed by a nearly ghosted Horde transmission mark. */
body.home .z-dashboard-panel--newsletter {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
}

body.home .z-dashboard-panel--newsletter::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: auto;
    bottom: -36px;
    left: -24px;
    width: 156px;
    height: 156px;
    pointer-events: none;
    background:
        radial-gradient(circle, transparent 0 43%, rgba(160, 249, 18, 0.16) 44% 45%, transparent 46% 57%, rgba(255, 0, 104, 0.13) 58% 59%, transparent 60%),
        url("horde-signal-logo.webp") center / 86px auto no-repeat;
    opacity: 0.075;
    filter: grayscale(0.2);
}

body.home .z-dashboard-panel--newsletter > .wp-block-group__inner-container {
    position: relative;
    z-index: 1;
}

body.home .z-dashboard-panel--newsletter .zh-newsletter-signal {
    position: absolute;
    z-index: 2;
    right: 16px;
    bottom: 14px;
    left: 108px;
    display: grid;
    row-gap: 6px;
    pointer-events: none;
}

body.home .z-dashboard-panel--newsletter .zh-newsletter-signal > span {
    color: #a0f912;
    font: 800 7px/1 "IBM Plex Mono", SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.home .z-dashboard-panel--newsletter .zh-newsletter-signal > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 7px;
}

body.home .z-dashboard-panel--newsletter .zh-newsletter-signal b {
    color: rgba(234, 236, 236, 0.72);
    font: 800 7px/1 "IBM Plex Mono", SFMono-Regular, Consolas, monospace;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

body.home .z-dashboard-panel--newsletter .zh-newsletter-signal i {
    color: #ff0068;
    font: 900 8px/1 "IBM Plex Mono", SFMono-Regular, Consolas, monospace;
}

/* The X feed is intentionally the first homepage module, but its own solid
   panel and colored top edge read as a translucent banner below the header.
   Let it sit directly on the homepage canvas instead. */
body.home #zxf-x-feed {
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

/* Carry the homepage Club News typography into the restored feed heading. */
body.home #zxf-x-feed .zxf-kicker {
    display: none !important;
}

body.home #zxf-x-feed .zxf-feed-title-custom {
    margin: 0 !important;
    color: #eaecec !important;
    font-family: Bahnschrift, "Arial Narrow", "Roboto Condensed", Impact, sans-serif !important;
    font-size: clamp(29px, 2.15vw, 36px) !important;
    font-style: italic !important;
    font-weight: 900 !important;
    line-height: 0.88 !important;
    letter-spacing: -0.04em !important;
    text-transform: uppercase !important;
}

body.home #zxf-x-feed .zxf-heading-copy > p {
    margin: 8px 0 0 !important;
    color: #8496a3 !important;
}

body.home #zxf-x-feed .zxf-avatar {
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(160, 249, 18, 0.28) !important;
    border-radius: 0 !important;
    background: #02090d url("zomblers-logo-small.png") center / 26px auto no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

body.home #zxf-x-feed .zxf-heading {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    background:
        linear-gradient(105deg, rgba(255, 0, 104, 0.07), transparent 34%),
        linear-gradient(270deg, rgba(123, 255, 0, 0.035), transparent 30%),
        #061116 !important;
    border: 1px solid rgba(133, 158, 169, 0.15) !important;
    box-shadow: inset 0 -1px rgba(123, 255, 0, 0.055), 0 9px 24px rgba(0, 0, 0, 0.13) !important;
}

body.home #zxf-x-feed .zxf-heading::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -1px;
    right: 0;
    left: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 0, 104, 0.72) 0 8%, transparent 8% 78%, rgba(123, 255, 0, 0.48) 78% 85%, transparent 85%);
}

body.home #zxf-x-feed .zxf-heading::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    pointer-events: none;
    border-radius: 0 !important;
    background:
        url("horde-signal-logo.webp") 68% 50% / clamp(158px, 18vw, 230px) auto no-repeat,
        radial-gradient(circle at 68% 50%, transparent 0 39px, rgba(123, 255, 0, 0.2) 40px 41px, transparent 42px 57px, rgba(255, 0, 104, 0.17) 58px 59px, transparent 60px 76px, rgba(123, 255, 0, 0.12) 77px 78px, transparent 79px),
        linear-gradient(111deg, transparent 0 39%, rgba(255, 0, 104, 0.16) 39.2% 39.55%, transparent 39.8% 54%, rgba(123, 255, 0, 0.14) 54.2% 54.55%, transparent 54.8% 100%),
        linear-gradient(70deg, transparent 0 61%, rgba(255, 0, 104, 0.1) 61.2% 61.45%, transparent 61.7% 76%, rgba(123, 255, 0, 0.08) 76.2% 76.5%, transparent 76.7% 100%),
        repeating-linear-gradient(90deg, transparent 0 47px, rgba(207, 226, 232, 0.025) 48px 49px),
        repeating-linear-gradient(0deg, transparent 0 22px, rgba(207, 226, 232, 0.022) 23px 24px),
        linear-gradient(90deg, rgba(255, 0, 104, 0.08), transparent 28%, transparent 76%, rgba(123, 255, 0, 0.07));
    filter: none !important;
    opacity: 0.9;
    transform: none !important;
}

body.home #zxf-x-feed .zxf-heading-copy,
body.home #zxf-x-feed .zxf-follow {
    position: relative !important;
    z-index: 1;
}

/* Homepage editorial polish: keep the established dashboard layout while
   making image-led news and team cards easier to scan at desktop sizes. */
/* Single news articles use their own editorial hero treatment; the theme's
   short two-colour notch duplicates the global navigation accent. */
body.zch-classic-theme.zch-article-page .zch-article-hero::before {
    display: none !important;
    content: none !important;
}

/* Team profiles already begin directly beneath the shared navigation edge;
   suppress the template's second short accent so the two do not overlap. */
body.zch-classic-theme.single-zc_team .zch-team-profile__hero::before {
    display: none !important;
    content: none !important;
}

@media (min-width: 1101px) {
    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card {
        position: relative !important;
        isolation: isolate;
        overflow: hidden !important;
        border-color: rgba(140, 150, 179, 0.2) !important;
        background: #041217 !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card::after {
        content: "";
        position: absolute;
        z-index: 1;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(180deg, transparent 34%, rgba(2, 9, 13, 0.16) 51%, rgba(2, 9, 13, 0.86) 83%, #02090d 100%);
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card__media {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card__media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        filter: brightness(0.86) contrast(1.06) saturate(0.94);
        transform: scale(1.006);
        transition: filter 180ms ease, transform 180ms ease;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card:hover .zc-news-card__media img {
        filter: brightness(0.96) contrast(1.04) saturate(1);
        transform: scale(1.018);
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card__content {
        position: absolute !important;
        z-index: 2 !important;
        inset: auto 0 0 !important;
        width: 100% !important;
        height: auto !important;
        padding: 15px 14px 13px !important;
        background: linear-gradient(180deg, transparent, rgba(2, 9, 13, 0.5) 28%, rgba(2, 9, 13, 0.94) 100%) !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card__content h3 {
        width: 100% !important;
        margin: 4px 0 7px !important;
        color: #f4f6f7 !important;
        font-family: Bahnschrift, "Arial Narrow", "Roboto Condensed", Impact, sans-serif !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        line-height: 1.02 !important;
        letter-spacing: -0.025em !important;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.92);
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card__content h3 a {
        color: inherit !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card__content h3 img.emoji {
        width: 0.92em !important;
        height: 0.92em !important;
        margin-right: 0.14em !important;
        vertical-align: -0.06em !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card .zc-kicker,
    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card .zc-card__link {
        text-shadow: 0 1px 8px rgba(0, 0, 0, 0.92);
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card:nth-child(n + 2) {
        grid-template-columns: 1fr !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card:nth-child(n + 2) .zc-news-card__content {
        padding: 30px 10px 10px !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card:nth-child(n + 2) .zc-news-card__content h3 {
        display: -webkit-box !important;
        margin: 0 !important;
        overflow: hidden !important;
        font-size: 12px !important;
        line-height: 1.08 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1.5fr) minmax(184px, 1fr) !important;
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        width: 100% !important;
        height: 404px !important;
        gap: 8px !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card--lead {
        grid-column: 1 !important;
        grid-row: 1 / span 4 !important;
        min-height: 0 !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card--rail {
        display: grid !important;
        grid-column: 2 !important;
        grid-row: auto !important;
        grid-template-columns: 64px minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) !important;
        min-height: 0 !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card--rail::after {
        display: none !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card--rail .zc-news-card__media {
        position: relative !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        inset: auto !important;
        width: 64px !important;
        height: 100% !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card--rail .zc-news-card__media img {
        object-position: center !important;
        image-rendering: auto;
        transform: none !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card--rail:hover .zc-news-card__media img {
        transform: none !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card--rail .zc-news-card__content {
        position: relative !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        inset: auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        width: auto !important;
        height: 100% !important;
        padding: 9px 20px 8px 9px !important;
        background: linear-gradient(110deg, #07161b, #041116) !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card--rail .zc-kicker {
        display: block !important;
        margin: 0 0 5px !important;
        overflow: hidden !important;
        color: rgba(160, 249, 18, 0.82) !important;
        font-size: 6.75px !important;
        line-height: 1 !important;
        letter-spacing: 0.035em !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card--rail .zc-news-card__content h3 {
        display: -webkit-box !important;
        margin: 0 !important;
        overflow: hidden !important;
        font-size: 10.75px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.018em !important;
        text-shadow: none !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card__index {
        position: absolute;
        z-index: 3;
        top: 6px;
        right: 6px;
        display: grid;
        place-items: center;
        min-width: 17px;
        height: 17px;
        padding: 0 4px;
        border: 1px solid rgba(140, 150, 179, 0.22);
        background: rgba(2, 9, 13, 0.84);
        color: rgba(234, 236, 236, 0.74);
        font: 800 6.5px/1 "IBM Plex Mono", SFMono-Regular, Consolas, monospace;
        letter-spacing: 0.04em;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zh-news-card--lead .zh-news-card__index {
        top: 10px;
        right: 10px;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card__media.is-fallback {
        display: grid !important;
        place-items: center;
        background:
            linear-gradient(135deg, rgba(255, 0, 104, 0.13), transparent 48%),
            linear-gradient(315deg, rgba(123, 255, 0, 0.09), transparent 48%),
            #061116 !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--news .zc-news-card__media.is-fallback > span {
        color: rgba(234, 236, 236, 0.16);
        font: italic 900 42px/1 Bahnschrift, "Arial Narrow", sans-serif;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card {
        border-color: rgba(140, 150, 179, 0.21) !important;
        background: #041217 !important;
        transition: border-color 180ms ease, background-color 180ms ease;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card::before {
        display: none !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card__media {
        background: #061116 !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card__media::after {
        background: linear-gradient(180deg, transparent 70%, rgba(2, 9, 13, 0.3)) !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card__media img {
        opacity: 1 !important;
        filter: brightness(1.14) contrast(1.035) saturate(1.02) !important;
        transform: scale(1.008) !important;
        transition: filter 180ms ease, transform 180ms ease;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card:hover {
        border-color: rgba(160, 249, 18, 0.34) !important;
        background: #06161b !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card:hover .zc-team-card__media img {
        filter: brightness(1.22) contrast(1.035) saturate(1.06) !important;
        transform: scale(1.02) !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card__body {
        box-sizing: border-box;
        padding: 6px 8px 5px !important;
        row-gap: 1px !important;
        background: linear-gradient(180deg, rgba(8, 25, 31, 0.95), #041217) !important;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card__game {
        overflow: hidden;
        color: #f1f3f4 !important;
        font-family: Bahnschrift, "Arial Narrow", "Roboto Condensed", Impact, sans-serif !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.04 !important;
        letter-spacing: -0.025em !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card__name {
        overflow: hidden;
        color: #b5c0d1 !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        letter-spacing: 0.025em !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.home.zch-classic-theme .z-dashboard-panel--teams .zc-team-card__body small {
        color: #a0f912 !important;
        font-size: 7.5px !important;
        line-height: 1.1 !important;
        letter-spacing: 0.045em !important;
    }
}

@media (min-width: 1101px) {
    body.home #zxf-x-feed {
        display: block !important;
    }

    body.home #zxf-x-feed .zxf-heading {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 28px !important;
        margin: 0 !important;
        min-height: 94px !important;
        padding: 17px 18px 15px !important;
    }

    body.home #zxf-x-feed .zxf-heading-copy {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body.home #zxf-x-feed .zxf-follow {
        flex: 0 0 auto !important;
    }

    body.home #zxf-x-feed .zxf-inner {
        padding-top: 0 !important;
    }

    body.home #zxf-x-feed .zxf-posts {
        grid-template-columns: minmax(0, 1.16fr) minmax(0, 1fr) minmax(0, 1.16fr) !important;
        gap: 0 !important;
        margin-top: 0 !important;
    }

    body.home #zxf-x-feed .zxf-post {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        height: 100% !important;
        background: rgba(6, 17, 22, 0.88) !important;
        border-color: rgba(128, 151, 160, 0.17) !important;
    }

    body.home #zxf-x-feed .zxf-post + .zxf-post {
        border-left: 0 !important;
    }

    body.home #zxf-x-feed .zxf-media-label {
        display: none !important;
    }

    body.home #zxf-x-feed .zxf-post-media {
        height: 124px !important;
        min-height: 124px !important;
        overflow: hidden !important;
        background: #040c10 !important;
    }

    body.home #zxf-x-feed .zxf-post-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        filter: saturate(0.78) contrast(1.04) brightness(0.82);
        transform: scale(1.012);
        transition: filter 180ms ease, transform 180ms ease;
    }

    body.home #zxf-x-feed .zxf-post:hover .zxf-post-media img {
        filter: saturate(0.95) contrast(1.04) brightness(0.92);
        transform: scale(1.025);
    }

    body.home #zxf-x-feed .zxf-media-shade {
        background: linear-gradient(180deg, transparent 38%, rgba(2, 8, 11, 0.74)) !important;
    }

    body.home #zxf-x-feed .zxf-post-content {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        padding: 10px 13px 11px !important;
    }

    body.home #zxf-x-feed .zxf-author span {
        display: none !important;
    }

    body.home #zxf-x-feed .zxf-post-meta time {
        opacity: 0.68 !important;
    }

    body.home #zxf-x-feed .zxf-post-text {
        display: -webkit-box !important;
        min-height: 2.6em !important;
        margin: 8px 0 9px !important;
        overflow: hidden !important;
        color: rgba(225, 234, 236, 0.82) !important;
        font-size: 11px !important;
        line-height: 1.34 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.home #zxf-x-feed .zxf-action-row {
        margin-top: auto !important;
        padding-top: 9px !important;
        opacity: 0.74;
    }
}

@media (min-width: 1101px) {
    body.zch-classic-theme .site-header {
        position: relative !important;
        top: auto !important;
        z-index: 1000;
        min-height: 72px;
        padding-inline: clamp(18px, 2.5vw, 38px) !important;
        background:
            linear-gradient(90deg, rgba(255, 0, 104, 0.035), transparent 24%, transparent 76%, rgba(123, 255, 0, 0.035)),
            rgba(1, 7, 10, 0.96) !important;
        border-bottom: 1px solid rgba(173, 191, 198, 0.16) !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
        backdrop-filter: blur(18px) saturate(135%);
        -webkit-backdrop-filter: blur(18px) saturate(135%);
    }

    body.zch-classic-theme .site-header::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -1px;
        left: 0;
        height: 2px;
        pointer-events: none;
        background: linear-gradient(90deg, transparent 0 3%, #ff0068 3% 10%, transparent 22% 79%, rgba(123, 255, 0, 0.8) 94% 97%, transparent 97%);
        opacity: 0.7;
    }

    /* News and Sponsors already have strong full-bleed hero art. Remove only
       the duplicate hero stripe and retain the shared navigation-edge accent. */
    body.zch-classic-theme.zch-news-page .zch-news-hero::before,
    body.zch-classic-theme.zch-partners-page .zch-partners-hero::before {
        display: none !important;
    }

    /* Archive templates do not consistently receive WordPress' current-menu
       class, so bind the compact active marker to their known destinations. */
    body.zch-classic-theme.zch-news-page .primary-nav a[href$="/news/"],
    body.zch-classic-theme.zch-partners-page .primary-nav a[href$="/sponsors/"] {
        color: #fff !important;
        text-shadow: 0 0 16px rgba(255, 255, 255, 0.18);
    }

    body.zch-classic-theme.zch-news-page .primary-nav a[href$="/news/"]::after,
    body.zch-classic-theme.zch-partners-page .primary-nav a[href$="/sponsors/"]::after {
        right: 0 !important;
        left: 0 !important;
    }

    body.zch-classic-theme.zch-news-page .primary-nav a[href$="/news/"]::before,
    body.zch-classic-theme.zch-partners-page .primary-nav a[href$="/sponsors/"]::before {
        content: "";
        position: absolute;
        top: 17px;
        left: 50%;
        width: 4px;
        height: 4px;
        background: #7bff00;
        border-radius: 50%;
        box-shadow: 0 0 9px rgba(123, 255, 0, 0.85);
        transform: translateX(-50%);
    }

    body.zch-classic-theme .site-header__inner {
        display: flex !important;
        align-items: center !important;
        width: 100%;
        max-width: 1440px !important;
        min-height: 72px !important;
        margin-inline: auto;
        gap: clamp(14px, 1.45vw, 24px) !important;
    }

    body.zch-classic-theme .brand-lockup--official {
        position: relative;
        display: block !important;
        flex: 0 0 148px;
        width: 148px !important;
        min-width: 148px !important;
        height: 62px !important;
        margin: 0 !important;
        background-position: left center !important;
        background-size: contain !important;
        filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.34));
        transition: filter 180ms ease, transform 180ms ease;
    }

    body.zch-classic-theme .brand-lockup--official:hover,
    body.zch-classic-theme .brand-lockup--official:focus-within {
        filter: drop-shadow(0 6px 15px rgba(255, 0, 104, 0.22));
        transform: translateY(-1px);
    }

    body.zch-classic-theme .primary-nav {
        display: flex !important;
        align-items: stretch;
        flex: 1 1 auto;
        min-width: 0;
        margin: 0 0 0 auto !important;
        gap: 0 !important;
    }

    body.zch-classic-theme .primary-nav__list {
        display: flex !important;
        align-items: stretch !important;
        justify-content: flex-end;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        gap: clamp(9px, 0.9vw, 16px) !important;
    }

    body.zch-classic-theme .primary-nav__list > li {
        position: relative;
        display: flex;
        align-items: stretch;
        flex: 0 0 auto;
        margin: 0 !important;
    }

    body.zch-classic-theme .primary-nav__list > li::after {
        display: none !important;
    }

    body.zch-classic-theme .primary-nav .wp-block-navigation-item__content:not(.zomblers-donations-nav-button) {
        position: relative;
        display: flex !important;
        align-items: center;
        min-height: 72px;
        padding: 1px 2px 0 !important;
        color: #c8d0d4 !important;
        font-family: "IBM Plex Mono", "Roboto Mono", ui-monospace, monospace !important;
        font-size: clamp(9px, 0.72vw, 10.5px) !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0.075em !important;
        text-transform: uppercase;
        white-space: nowrap;
        transition: color 150ms ease, text-shadow 150ms ease;
    }

    body.zch-classic-theme .primary-nav .wp-block-navigation-item__content:not(.zomblers-donations-nav-button)::after {
        content: "";
        position: absolute;
        right: 50%;
        bottom: 0;
        left: 50%;
        height: 3px;
        background: #ff0068;
        box-shadow: 0 -5px 15px rgba(255, 0, 104, 0.45);
        transition: right 180ms ease, left 180ms ease;
    }

    body.zch-classic-theme .primary-nav .wp-block-navigation-item__content:not(.zomblers-donations-nav-button):hover,
    body.zch-classic-theme .primary-nav .wp-block-navigation-item__content:not(.zomblers-donations-nav-button):focus-visible,
    body.zch-classic-theme .primary-nav .current-menu-item > .wp-block-navigation-item__content,
    body.zch-classic-theme .primary-nav .current_page_item > .wp-block-navigation-item__content,
    body.zch-classic-theme .primary-nav .zh-nav-current > .wp-block-navigation-item__content {
        color: #fff !important;
        text-shadow: 0 0 16px rgba(255, 255, 255, 0.18);
    }

    body.zch-classic-theme .primary-nav .wp-block-navigation-item__content:not(.zomblers-donations-nav-button):hover::after,
    body.zch-classic-theme .primary-nav .wp-block-navigation-item__content:not(.zomblers-donations-nav-button):focus-visible::after,
    body.zch-classic-theme .primary-nav .current-menu-item > .wp-block-navigation-item__content::after,
    body.zch-classic-theme .primary-nav .current_page_item > .wp-block-navigation-item__content::after,
    body.zch-classic-theme .primary-nav .zh-nav-current > .wp-block-navigation-item__content::after {
        right: 0;
        left: 0;
    }

    body.zch-classic-theme .primary-nav .current-menu-item > .wp-block-navigation-item__content::before,
    body.zch-classic-theme .primary-nav .current_page_item > .wp-block-navigation-item__content::before,
    body.zch-classic-theme .primary-nav .zh-nav-current > .wp-block-navigation-item__content::before {
        content: "";
        position: absolute;
        top: 17px;
        left: 50%;
        width: 4px;
        height: 4px;
        background: #7bff00;
        border-radius: 50%;
        box-shadow: 0 0 9px rgba(123, 255, 0, 0.85);
        transform: translateX(-50%);
    }

    /* The community plugin also adds a menu copy; the dedicated header action is the desktop CTA. */
    body.zch-classic-theme #primary-navigation .zcp-community-menu-item {
        display: none !important;
    }

    body.zch-classic-theme .primary-nav__list > li:has(.zomblers-donations-nav-button) {
        align-items: center;
        margin-left: clamp(3px, 0.5vw, 8px) !important;
        padding-left: clamp(13px, 1.15vw, 19px);
        border-left: 1px solid rgba(173, 191, 198, 0.18);
    }

    body.zch-classic-theme .primary-nav .zomblers-donations-nav-button,
    body.zch-classic-theme .header-actions .zch-join-button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-height: 42px !important;
        padding: 0 16px !important;
        border: 0 !important;
        border-radius: 0 !important;
        font-family: "IBM Plex Mono", "Roboto Mono", ui-monospace, monospace !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase;
        white-space: nowrap;
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
        transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease !important;
    }

    body.zch-classic-theme .primary-nav .zomblers-donations-nav-button {
        min-width: 104px;
        color: #080b0d !important;
        background: #b6ff27 !important;
        box-shadow: 0 7px 20px rgba(182, 255, 39, 0.12);
    }

    body.zch-classic-theme .header-actions {
        display: flex !important;
        align-items: center;
        flex: 0 0 auto;
        margin: 0 !important;
        gap: 0 !important;
    }

    body.zch-classic-theme .header-actions .zch-social-links,
    body.zch-classic-theme .header-actions > :not(.zch-join-button) {
        display: none !important;
    }

    body.zch-classic-theme .header-actions .zch-join-button {
        min-width: 128px;
        color: #fff !important;
        background: #ff0068 !important;
        box-shadow: 0 7px 20px rgba(255, 0, 104, 0.14);
    }

    body.zch-classic-theme .primary-nav .zomblers-donations-nav-button:hover,
    body.zch-classic-theme .primary-nav .zomblers-donations-nav-button:focus-visible,
    body.zch-classic-theme .header-actions .zch-join-button:hover,
    body.zch-classic-theme .header-actions .zch-join-button:focus-visible {
        transform: translateY(-2px);
        filter: brightness(1.07);
    }

    body.zch-classic-theme .primary-nav .zomblers-donations-nav-button:hover,
    body.zch-classic-theme .primary-nav .zomblers-donations-nav-button:focus-visible {
        box-shadow: 0 9px 24px rgba(182, 255, 39, 0.27);
    }

    body.zch-classic-theme .header-actions .zch-join-button:hover,
    body.zch-classic-theme .header-actions .zch-join-button:focus-visible {
        box-shadow: 0 9px 24px rgba(255, 0, 104, 0.3);
    }
}

/* Keep the full navigation comfortable at its narrowest desktop breakpoint. */
@media (min-width: 1101px) and (max-width: 1279px) {
    body.zch-classic-theme .site-header {
        padding-inline: 16px !important;
    }

    body.zch-classic-theme .site-header__inner {
        gap: 11px !important;
    }

    body.zch-classic-theme .brand-lockup--official {
        flex-basis: 116px;
        width: 116px !important;
        min-width: 116px !important;
        height: 50px !important;
    }

    body.zch-classic-theme .primary-nav__list {
        gap: 7px !important;
    }

    body.zch-classic-theme .primary-nav .wp-block-navigation-item__content:not(.zomblers-donations-nav-button) {
        padding-inline: 1px !important;
        font-size: 8.7px !important;
        letter-spacing: 0.035em !important;
    }

    body.zch-classic-theme .primary-nav__list > li:has(.zomblers-donations-nav-button) {
        margin-left: 2px !important;
        padding-left: 10px;
    }

    body.zch-classic-theme .primary-nav .zomblers-donations-nav-button,
    body.zch-classic-theme .header-actions .zch-join-button {
        min-height: 40px !important;
        padding-inline: 12px !important;
        font-size: 9px !important;
    }

    body.zch-classic-theme .primary-nav .zomblers-donations-nav-button {
        min-width: 88px;
    }

    body.zch-classic-theme .header-actions .zch-join-button {
        min-width: 110px;
    }
}