/* Desktop and mobile headers: preserve the existing layout and sticky behavior. */
[data-header*="type-1"] #header [data-device="mobile"] [data-row="bottom"],
[data-header*="type-1"] #header [data-device="desktop"] [data-row="middle"],
[data-header*="type-1"] #header [data-device="desktop"] [data-sticky*="yes"] [data-row="middle"] {
    background-color: #080807;
    background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
        url("wanjin-header-marble-20261015.webp");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Keep the mobile menu trigger readable over the dark marble. */
[data-header*="type-1"] #header [data-device="mobile"] [data-id="trigger"] {
    --theme-icon-color: #ffffff;
    --theme-icon-hover-color: #d6b75d;
}

/* Separate the gold logo lettering from bright marble veins. */
[data-header*="type-1"] #header .site-logo-container img {
    filter: drop-shadow(0 1px 2px #000) drop-shadow(0 0 4px rgba(0, 0, 0, 0.8));
}

/* Match the mobile side panel to the header marble without changing the logo. */
@media (max-width: 999.98px) {
    [data-header*="type-1"] #offcanvas .ct-panel-inner {
        background-color: #080807;
        background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
            url("wanjin-header-marble-20261015.webp");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    [data-header*="type-1"] #offcanvas [data-id="mobile-menu"] {
        --theme-link-initial-color: #ffffff;
        --theme-link-hover-color: #ffe6a3;
        --theme-link-active-color: #ffe6a3;
    }

    [data-header*="type-1"] #offcanvas [data-id="mobile-menu"] .ct-menu-link {
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95);
    }

    [data-header*="type-1"] #offcanvas .ct-toggle-close {
        --theme-icon-color: #ffffff;
    }

    [data-header*="type-1"] #offcanvas .ct-toggle-close:hover {
        --theme-icon-color: #ffe6a3;
    }

    [data-header*="type-1"] #offcanvas .ct-toggle-close:focus-visible,
    [data-header*="type-1"] #offcanvas [data-id="mobile-menu"] .ct-menu-link:focus-visible {
        outline: 2px solid #ffe6a3;
        outline-offset: 4px;
    }
}