/* =========================================================
CS HEADER SYSTEM 4.0 — SINGLE SOURCE OF TRUTH
Public pages  → theme header only
Dashboard     → custom mobile header only
IT GENERALLY  → adds cs-dashboard-active body class 
to all dashboard templates

CSS SUPPORT FOR STER 1B
========================================================= */

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

/* =========================================================
2. DASHBOARD PAGES ONLY — Hide theme header
   🎯 Scoped by the shared .cs-dashboard-active body class
========================================================= */ 
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 PAGES ONLY — Show custom mobile header (mobile)
========================================================= */
@media (max-width: 768px) {

    body.cs-dashboard-active .cs-mobile-nav {
        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 dashboard content below the fixed custom 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 PAGES ONLY — Guarantee custom header never leaks
   🔒 Double-safety: even if HTML slips through, hide it
========================================================= */
body:not(.cs-dashboard-active) .cs-mobile-header,
body:not(.cs-dashboard-active) .cs-mobile-nav {
    display: none !important;
}

/* =========================================================
5. PUBLIC MOBILE NAV (public-only custom 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);
        -webkit-backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(245, 179, 1, 0.2);
        z-index: 999;
        align-items: center;
        justify-content: center;
    }
}