/* Header UI restore: professional language switcher + right social dock. */
/* Account dropdown stability fix — keep menu open while moving from button to panel */
.user-menu-wrap{
    position: relative !important;
    z-index: 2600 !important;
}
.user-menu-wrap::after{
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 100% !important;
    width: 100% !important;
    min-width: 190px !important;
    height: 18px !important;
    pointer-events: auto !important;
}
.user-menu-wrap:hover .user-dropdown,
.user-menu-wrap:focus-within .user-dropdown,
.user-menu-wrap.is-open .user-dropdown{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}
.user-menu-wrap.is-open .user-btn{
    background: rgba(112,69,31,.28) !important;
    border-color: rgba(182,122,53,.54) !important;
    box-shadow: 0 12px 30px rgba(112,69,31,.22) !important;
}
.user-dropdown{
    top: calc(100% + 8px) !important;
    z-index: 3000 !important;
}
.user-dropdown .dd-item{
    position: relative !important;
    z-index: 2 !important;
}

/* ==========================================================
   HEADER WARM BRONZE COLOR SOURCE OF TRUTH
   Change the values below to recolor the header on every page.
   This final block intentionally wins over earlier header rules.
   ========================================================== */
:root {
    --zcp-header-bg: #0B0B0C;
    --zcp-header-bg-scrolled: #0B0B0C;
    --zcp-header-border: #33291F;
    --zcp-header-shadow: 0 18px 52px rgba(0,0,0,.48), inset 0 -1px 0 rgba(208,154,85,.10);

    --zcp-header-line-a: rgba(208,154,85,.78);
    --zcp-header-line-b: rgba(182,122,53,.52);
    --zcp-header-line-shadow: 0 0 16px rgba(208,154,85,.24);

    --zcp-header-shell-bg: rgba(20,20,22, .92);
    --zcp-header-shell-border: #33291F;
    --zcp-header-shell-highlight: rgba(208,154,85,.08);
    --zcp-header-shell-lowlight: rgba(11,11,12,.18);

    --zcp-header-text: #FFFFFF;
    --zcp-header-muted: #B8B2AA;
    --zcp-header-dim: #D09A55;
    --zcp-header-accent: #B67A35;
    --zcp-header-accent-soft: rgba(208,154,85,.28);
    --zcp-header-accent-strong: rgba(208,154,85,.78);

    --zcp-header-active-start: #B67A35;
    --zcp-header-active-mid: #70451F;
    --zcp-header-active-end: #141416;
    --zcp-header-active-shadow: 0 0 0 1px rgba(255,255,255,.10), 0 10px 28px rgba(182,122,53,.28);

    --zcp-header-panel-start: rgba(20,20,22,.985);
    --zcp-header-panel-end: rgba(11,11,12,.985);
    --zcp-header-panel-border: #33291F;
    --zcp-header-panel-shadow: 0 28px 80px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,255,255,.06);

    --zcp-header-hover-bg: rgba(182,122,53,.28);
    --zcp-header-hover-bg-soft: rgba(208,154,85,.18);
    --zcp-header-control-bg: rgba(20,20,22,.72);
    --zcp-header-control-border: #33291F;
    --zcp-header-mobile-glow: rgba(182,122,53,.24);
    --zcp-header-button-start: #B67A35;
    --zcp-header-button-mid: #B67A35;
    --zcp-header-button-end: #141416;

    --zcp-header-caret-bg: rgba(182,122,53,.12);
    --zcp-header-caret-bg-active: rgba(208,154,85,.22);
    --zcp-header-caret-border: rgba(208,154,85,.36);
    --zcp-header-caret-shadow: inset 0 1px 0 rgba(255,255,255,.08);

    --zcp-header-corner-shadow: 0 0 18px rgba(208,154,85,.24);
    --zcp-header-marker-bg: linear-gradient(180deg, rgba(182,122,53,.18), rgba(208,154,85,.10));
    --zcp-header-marker-hover-bg: linear-gradient(135deg, rgba(182,122,53,.84), rgba(20,20,22,.92));
    --zcp-header-marker-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    --zcp-header-marker-hover-shadow: 0 0 16px rgba(208,154,85,.24), inset 0 1px 0 rgba(255,255,255,.08);
    --zcp-header-orb-bg: radial-gradient(circle at 35% 25%, rgba(208,154,85,.28), rgba(182,122,53,.12) 52%, rgba(20,20,22,.42));
    --zcp-header-orb-shadow: 0 0 16px rgba(208,154,85,.14), inset 0 1px 0 rgba(255,255,255,.08);
    --zcp-header-avatar-bg: linear-gradient(135deg, #D09A55 0%, #B67A35 52%, #141416 100%);
    --zcp-header-avatar-shadow: 0 0 14px rgba(208,154,85,.24), inset 0 1px 0 rgba(255,255,255,.18);

    --zcp-header-social-line: linear-gradient(180deg, transparent, rgba(182,122,53,.42), rgba(112,69,31,.34), transparent);
    --zcp-header-social-bg: linear-gradient(145deg, rgba(18,18,20,.96), rgba(112,69,31,.94) 62%, rgba(20,20,22,.72));
    --zcp-header-social-shadow: 0 16px 36px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07), 0 0 18px rgba(182,122,53,.08);
    --zcp-header-social-hover-shadow: 0 18px 42px rgba(0,0,0,.62), 0 0 30px rgba(182,122,53,.20), inset 0 1px 0 rgba(255,255,255,.11);
    --zcp-header-social-icon-filter: drop-shadow(0 0 8px rgba(182,122,53,.32));
}

.mnav,
body:has(.forum-page) .mnav {
    background: var(--zcp-header-bg) !important;
    border-bottom: 1px solid var(--zcp-header-border) !important;
    box-shadow: var(--zcp-header-shadow) !important;
}

.mnav.scrolled,
body:has(.forum-page) .mnav.scrolled {
    background: var(--zcp-header-bg-scrolled) !important;
}

.mnav::after,
.dropdown::after,
.nav-link::after,
body:has(.forum-page) .mnav::after,
body:has(.forum-page) .nav-link::after,
body:has(.forum-page) .dropdown::after {
    background: linear-gradient(90deg, transparent, var(--zcp-header-line-a), var(--zcp-header-line-b), transparent) !important;
    box-shadow: var(--zcp-header-line-shadow) !important;
}

.nav-menu {
    border-color: var(--zcp-header-shell-border) !important;
    background:
        linear-gradient(180deg, var(--zcp-header-shell-highlight), var(--zcp-header-shell-lowlight)),
        var(--zcp-header-shell-bg) !important;
}

.nav-link {
    color: var(--zcp-header-text) !important;
}

.nav-link:hover,
.nav-item.active .nav-link {
    color: #fff !important;
    background: #B67A35 !important;
    box-shadow: var(--zcp-header-active-shadow) !important;
}

.dropdown,
.user-dropdown,
.zcp-lang-menu,
body:has(.forum-page) .dropdown,
body:has(.forum-page) .user-dropdown,
body:has(.forum-page) .zcp-lang-menu {
    border-color: var(--zcp-header-panel-border) !important;
    background: linear-gradient(180deg, var(--zcp-header-panel-start), var(--zcp-header-panel-end)) !important;
    box-shadow: var(--zcp-header-panel-shadow) !important;
}

.dropdown::before,
.zcp-lang-menu::before,
body:has(.forum-page) .dropdown::before,
body:has(.forum-page) .zcp-lang-menu::before {
    background: linear-gradient(135deg, var(--zcp-header-active-start), var(--zcp-header-active-end)) !important;
    border-left-color: var(--zcp-header-accent-soft) !important;
    border-top-color: var(--zcp-header-accent-soft) !important;
    box-shadow: var(--zcp-header-corner-shadow) !important;
}

.dd-section,
.mob-section,
.zcp-lang-head {
    color: var(--zcp-header-dim) !important;
}

.dd-item,
.mob-link,
.zcp-lang-option {
    color: var(--zcp-header-muted) !important;
}

.dd-item:hover,
.mob-link:hover,
.mob-link.active,
.zcp-lang-option:hover,
.zcp-lang-option.active,
body:has(.forum-page) .dd-item:hover,
body:has(.forum-page) .zcp-lang-option:hover,
body:has(.forum-page) .zcp-lang-option.active {
    background: linear-gradient(90deg, var(--zcp-header-hover-bg), rgba(255,255,255,.025)) !important;
    border-color: var(--zcp-header-border) !important;
    color: #fff !important;
}

.dd-item .dd-ico,
.zcp-lang-orb,
.zcp-lang-flag,
.nav-caret,
.user-caret,
body:has(.forum-page) .dd-item .dd-ico,
body:has(.forum-page) .zcp-lang-orb,
body:has(.forum-page) .zcp-lang-flag,
body:has(.forum-page) .nav-caret,
body:has(.forum-page) .user-caret,
body:has(.forum-page) .notif-btn,
body:has(.forum-page) .user-btn,
body:has(.forum-page) .btn-outline {
    color: var(--zcp-header-accent) !important;
    border-color: var(--zcp-header-accent-soft) !important;
}

.nav-caret,
.user-caret {
    background: var(--zcp-header-caret-bg) !important;
    border-color: var(--zcp-header-caret-border) !important;
    box-shadow: var(--zcp-header-caret-shadow) !important;
}

.nav-item.has-dropdown:hover .nav-caret,
.nav-item.active .nav-caret,
.user-menu-wrap:hover .user-caret,
.user-menu-wrap.is-open .user-caret {
    background: var(--zcp-header-caret-bg-active) !important;
    border-color: var(--zcp-header-accent-strong) !important;
}

.dd-item .dd-ico,
.zcp-lang-flag {
    background: var(--zcp-header-marker-bg) !important;
    box-shadow: var(--zcp-header-marker-shadow) !important;
}

.dd-item:hover .dd-ico,
.zcp-lang-option:hover .zcp-lang-flag,
.zcp-lang-option.active .zcp-lang-flag {
    color: #fff !important;
    background: var(--zcp-header-marker-hover-bg) !important;
    border-color: var(--zcp-header-accent-strong) !important;
    box-shadow: var(--zcp-header-marker-hover-shadow) !important;
}

.zcp-lang-orb {
    background: var(--zcp-header-orb-bg) !important;
    box-shadow: var(--zcp-header-orb-shadow) !important;
}

.zcp-lang-check {
    color: #fff !important;
    background: var(--zcp-header-accent) !important;
}

.user-avatar {
    background: var(--zcp-header-avatar-bg) !important;
    color: #fff !important;
    box-shadow: var(--zcp-header-avatar-shadow) !important;
}

.zcp-lang-btn,
.notif-btn,
.user-btn,
.mob-toggle,
.nav-actions .btn-outline,
.btn-outline {
    background: var(--zcp-header-control-bg) !important;
    border-color: var(--zcp-header-control-border) !important;
    color: var(--zcp-header-text) !important;
}

.zcp-lang-btn:hover,
.notif-btn:hover,
.user-btn:hover,
.mob-toggle:hover,
.nav-actions .btn-outline:hover,
.btn-outline:hover,
.user-menu-wrap.is-open .user-btn {
    background: var(--zcp-header-hover-bg-soft) !important;
    border-color: var(--zcp-header-accent-strong) !important;
}

.btn-gold,
.btn-primary,
.zcp-btn.primary {
    background: linear-gradient(180deg, var(--zcp-header-button-start), var(--zcp-header-button-mid) 56%, var(--zcp-header-button-end)) !important;
    color: #fff !important;
}

.zcp-social-dock::before {
    background: var(--zcp-header-social-line) !important;
}

.zcp-social-dock-link {
    color: #B67A35 !important;
    border-color: rgba(182,122,53,.26) !important;
    background: var(--zcp-header-social-bg) !important;
    box-shadow: var(--zcp-header-social-shadow) !important;
}

.zcp-social-dock-link::after,
.zcp-social-dock-text {
    border-color: rgba(182,122,53,.26) !important;
}

.zcp-social-dock-link:hover {
    color: #fff !important;
    border-color: rgba(182,122,53,.54) !important;
    box-shadow: var(--zcp-header-social-hover-shadow) !important;
}

.zcp-social-dock-icon {
    filter: var(--zcp-header-social-icon-filter) !important;
}

.zcp-social-dock-text {
    color: #fff !important;
}

.mob-drawer {
    background:
        radial-gradient(420px 260px at 50% 0%, var(--zcp-header-mobile-glow), transparent 70%),
        var(--zcp-header-bg-scrolled) !important;
    border-left-color: var(--zcp-header-panel-border) !important;
}


/* GoldenConquer social dock — dark charcoal with bronze accent */
.zcp-social-dock-link {
    color: #D09A55 !important;
    border-color: rgba(208,154,85,.24) !important;
    background: linear-gradient(180deg, rgba(22,22,24,.98), rgba(11,11,12,.98)) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.zcp-social-dock-link::after,
.zcp-social-dock-text {
    border-color: rgba(208,154,85,.24) !important;
}
.zcp-social-dock-link:hover {
    color: #E8C27A !important;
    background: linear-gradient(180deg, rgba(31,27,22,.98), rgba(14,14,16,.98)) !important;
    border-color: rgba(208,154,85,.52) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.62), 0 0 24px rgba(208,154,85,.16), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.zcp-social-dock-icon {
    filter: drop-shadow(0 0 7px rgba(208,154,85,.24)) !important;
}