/* =========================================================
CS HEADER SYSTEM 4.0 — SINGLE SOURCE OF TRUTH
Public pages  → theme header only
Dashboard     → custom mobile header only
========================================================= */

/* 1. DEFAULT: Custom dashboard header OFF everywhere */
.cs-mobile-header,
.cs-mobile-nav {
    display: none !important;
}

/* 2. DASHBOARD ONLY — Hide theme header */
body.cs-dashboard-active .site-header,
body.cs-dashboard-active #masthead,
body.cs-dashboard-active .site-branding,
body.cs-dashboard-active header:not(.cs-mobile-header):not(.cs-mobile-nav),
body.cs-dashboard-active > header:not(.cs-mobile-header):not(.cs-mobile-nav) {
    display: none !important;
}

/* 3. DASHBOARD ONLY — Show custom mobile header (mobile) */
@media (max-width: 768px) {
    body.cs-dashboard-active .cs-mobile-header {
        display: flex !important;
        position: fixed;
        top: 0; left: 0; right: 0;
        width: 100%;
        height: 60px;
        z-index: 1000;
        background: rgba(15, 10, 26, 0.85);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        align-items: center;
        justify-content: space-between;
        padding: 0 16px;
    }

    /* Push content below fixed header */
    body.cs-dashboard-active .cs-dashboard-main,
    body.cs-dashboard-active .cs-artist-main,
    body.cs-dashboard-active .cs-client-main,
    body.cs-dashboard-active .cs-studio-main {
        padding-top: 80px;
    }
}

/* 4. PUBLIC ONLY — Guarantee custom header never leaks */
body:not(.cs-dashboard-active) .cs-mobile-header,
body:not(.cs-dashboard-active) .cs-mobile-nav {
    display: none !important;
}

/* 5. PUBLIC MOBILE NAV (if you have one) */
@media (max-width: 768px) {
    body:not(.cs-dashboard-active) .cs-mobile-nav {
        display: flex !important;
        position: fixed;
        top: 0; left: 0;
        width: 100%;
        height: 65px;
        background: rgba(15, 10, 26, 0.75);
        backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(245, 179, 1, 0.2);
        z-index: 999;
        align-items: center;
        justify-content: center;
    }
}