/* Local Environment Header Pattern */
body.env_type_local header.bg-global-header-bg.fixed,
body.env_local header.bg-global-header-bg.fixed {
    background: #1a1a1a !important;
    background-attachment: fixed !important;
}

/* Develop Environment Header Pattern */
body.env_type_develop header.bg-global-header-bg.fixed,
body.env_develop header.bg-global-header-bg.fixed,
body.env_development header.bg-global-header-bg.fixed,
body.env_dev header.bg-global-header-bg.fixed {
    background: #1a1a1a !important;
    background-attachment: fixed !important;
}

/* Staging Environment Header Pattern */
body.env_type_staging header.bg-global-header-bg.fixed,
body.env_staging header.bg-global-header-bg.fixed,
body.env_uat header.bg-global-header-bg.fixed {
    background: #1a1a1a !important;
    background-attachment: fixed !important;
}

/* Production Environment Header Pattern */
body.env_type_production header.bg-global-header-bg.fixed,
body.env_production header.bg-global-header-bg.fixed,
body.env_prod header.bg-global-header-bg.fixed,
body.env_live header.bg-global-header-bg.fixed {
    background: #1a1a1a !important;
    background-attachment: fixed !important;
}

/* Local Environment Badge */
body.env_type_local header a[href*='/cp/'].text-white\/85::after,
body.env_local header a[href*='/cp/'].text-white\/85::after {
    content: 'Local';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    font-weight: 600;
    font-size: 0.625rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    background: #0dcaf0;
    color: #212529;
    padding: 0.18rem 0.5rem;
    border-radius: 0.375rem;
    white-space: nowrap;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* Develop Environment Badge */
body.env_type_develop header a[href*='/cp/'].text-white\/85::after,
body.env_develop header a[href*='/cp/'].text-white\/85::after,
body.env_development header a[href*='/cp/'].text-white\/85::after,
body.env_dev header a[href*='/cp/'].text-white\/85::after {
    content: 'Develop';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    font-weight: 600;
    font-size: 0.625rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    background: #dc3545;
    color: white;
    padding: 0.18rem 0.5rem;
    border-radius: 0.375rem;
    white-space: nowrap;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* Staging Environment Badge */
body.env_type_staging header a[href*='/cp/'].text-white\/85::after,
body.env_staging header a[href*='/cp/'].text-white\/85::after,
body.env_uat header a[href*='/cp/'].text-white\/85::after {
    content: 'Staging';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    font-weight: 600;
    font-size: 0.625rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    background: #ffc107;
    color: rgb(43, 45, 48);
    padding: 0.18rem 0.5rem;
    border-radius: 0.375rem;
    white-space: nowrap;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* Live Environment Badge */
body.env_type_production header a[href*='/cp/'].text-white\/85::after,
body.env_production header a[href*='/cp/'].text-white\/85::after,
body.env_prod header a[href*='/cp/'].text-white\/85::after,
body.env_live header a[href*='/cp/'].text-white\/85::after {
    content: 'Live';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    font-weight: 600;
    font-size: 0.625rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    background: #212529;
    color: white;
    padding: 0.18rem 0.5rem;
    border-radius: 0.375rem;
    white-space: nowrap;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}