/* Local Environment Header Pattern */
body.env_type_local header.bg-global-header-bg.fixed,
body.env_local header.bg-global-header-bg.fixed {
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 10px,
        rgba(0, 0, 0, 0.3) 10px,
        rgba(0, 0, 0, 0.3) 20px
    ) !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_dev header.bg-global-header-bg.fixed {
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 10px,
        rgba(255, 112, 163, 0.1) 10px,
        rgba(255, 112, 163, 0.1) 20px
    ) !important;
    background-attachment: fixed !important;
}

/* Testing Environment Header Pattern */
body.env_type_testing header.bg-global-header-bg.fixed,
body.env_test header.bg-global-header-bg.fixed,
body.env_testing header.bg-global-header-bg.fixed {
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 10px,
        rgba(255, 180, 0, 0.1) 10px,
        rgba(255, 180, 0, 0.1) 20px
    ) !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: transparent !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: rgba(39, 145, 16, 0.6);
    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);
    border: 1px solid rgba(39, 145, 16, 1);
}

/* 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_dev 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: rgba(153, 0, 0, 0.6);
    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);
    border: 1px solid rgba(153, 0, 0, 1);
}

/* 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: transparent;
    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);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Dev Environment Badge */
body.env_type_development header a[href*='/cp/'].text-white\/85::after,
body.env_dev header a[href*='/cp/'].text-white\/85::after {
    content: 'Dev';
    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: rgb(0, 123, 255);
    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);
}

/* Test Environment Badge */
body.env_type_testing header a[href*='/cp/'].text-white\/85::after,
body.env_test header a[href*='/cp/'].text-white\/85::after,
body.env_testing header a[href*='/cp/'].text-white\/85::after {
    content: 'Test';
    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: rgb(255, 193, 7);
    color: black;
    padding: 0.18rem 0.5rem;
    border-radius: 0.375rem;
    white-space: nowrap;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}