/*
 * Mix365 Profile + Settings
 * Static Vice header background
 *
 * Desktop matches the Vice dark/scrolled header: #111
 * Mobile matches the existing Mix365 Vice mobile header: #0d2346
 *
 * No section animation or generated background layers remain.
 */

html {
    background:
        #111
        !important;
}

body.mix365-profile-simple-home,
body.mix365-settings-simple-home,
body.mix365-shared-backgrounds-active {
    --mix365-static-vice-header-bg:
        #111;

    background:
        var(--mix365-static-vice-header-bg)
        !important;
}

/* ------------------------------------------------------------
 * REMOVE EVERY PREVIOUS SECTION BACKGROUND LAYER
 * ------------------------------------------------------------ */

body:is(
    .mix365-profile-simple-home,
    .mix365-settings-simple-home,
    .mix365-shared-backgrounds-active
)
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section,
    .mix365-settings-section,
    [data-mix365-live-background]
)
:is(
    .mix365-shared-background-section,
    .mix365-profile-live-exact-section,
    .mix365-settings-live-exact-section,
    .mix365-profile-section-scene,
    .live-page-section
)
> :is(
    .mix365-shared-bg-shell,
    .mix365-profile-live-bg-shell,
    .mix365-settings-live-bg-shell,
    .mix365-profile-section-canvas,
    .mix365-profile-section-star-overlay
) {
    display:
        none
        !important;
}

/*
 * Catch old layers even when their parent classes were already removed.
 */
body:is(
    .mix365-profile-simple-home,
    .mix365-settings-simple-home,
    .mix365-shared-backgrounds-active
)
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section,
    .mix365-settings-section,
    [data-mix365-live-background]
)
:is(
    .mix365-shared-bg-shell,
    .mix365-profile-live-bg-shell,
    .mix365-settings-live-bg-shell,
    .mix365-profile-section-canvas,
    .mix365-profile-section-star-overlay,
    .mix365-live-section-canvas,
    .mix365-live-section-star-overlay,
    canvas
) {
    display:
        none
        !important;

    visibility:
        hidden
        !important;

    opacity:
        0
        !important;
}

/*
 * Disable the previous Profile identity video background.
 */
body.mix365-profile-simple-home
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section
)
> :is(
    .mix365-profile-section-video,
    .mix365-profile-section-overlay
) {
    display:
        none
        !important;
}

/* ------------------------------------------------------------
 * EXACT SAME STATIC BACKGROUND ON EVERY SECTION
 * ------------------------------------------------------------ */

body.mix365-profile-simple-home
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section
),

body.mix365-settings-simple-home
:is(
    .mix365-settings-section,
    [data-mix365-live-background]
),

body.mix365-shared-backgrounds-active
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section,
    .mix365-settings-section,
    [data-mix365-live-background]
) {
    position:
        relative
        !important;

    isolation:
        isolate
        !important;

    overflow:
        hidden
        !important;

    background:
        var(
            --mix365-static-vice-header-bg,
            #111
        )
        !important;

    background-color:
        var(
            --mix365-static-vice-header-bg,
            #111
        )
        !important;

    background-image:
        none
        !important;

    animation:
        none
        !important;

    transition:
        none
        !important;
}

/*
 * Remove alternate odd/even gradients and any inherited section imagery.
 */
body.mix365-profile-simple-home
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section
):nth-of-type(odd),

body.mix365-profile-simple-home
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section
):nth-of-type(even),

body.mix365-settings-simple-home
:is(
    .mix365-settings-section,
    [data-mix365-live-background]
):nth-of-type(odd),

body.mix365-settings-simple-home
:is(
    .mix365-settings-section,
    [data-mix365-live-background]
):nth-of-type(even) {
    background:
        var(
            --mix365-static-vice-header-bg,
            #111
        )
        !important;

    background-color:
        var(
            --mix365-static-vice-header-bg,
            #111
        )
        !important;

    background-image:
        none
        !important;
}

/*
 * Remove background-only pseudo elements without affecting the real cards.
 */
body.mix365-profile-simple-home
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section
)::before,

body.mix365-profile-simple-home
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section
)::after,

body.mix365-settings-simple-home
:is(
    .mix365-settings-section,
    [data-mix365-live-background]
)::before,

body.mix365-settings-simple-home
:is(
    .mix365-settings-section,
    [data-mix365-live-background]
)::after {
    display:
        none
        !important;

    content:
        none
        !important;

    background:
        none
        !important;

    animation:
        none
        !important;
}

/* ------------------------------------------------------------
 * VICE/AJAX WRAPPERS USE THE SAME STATIC BACKGROUND
 * ------------------------------------------------------------ */

body:is(
    .mix365-profile-simple-home,
    .mix365-settings-simple-home
)
:is(
    #vice-ajaxcontents,
    #qwjquerycontent,
    #canvas,
    .qw-content-wrapper,
    .qw-page-section,
    .qw-content,
    .qw-pagecontent,
    .dhrk-pagecontent,
    .dhrk-ajax-content
) {
    background:
        var(
            --mix365-static-vice-header-bg,
            #111
        )
        !important;

    background-color:
        var(
            --mix365-static-vice-header-bg,
            #111
        )
        !important;

    background-image:
        none
        !important;
}

/*
 * The page root is static too, while each homepage-style hero keeps its
 * own existing design and animation.
 */
body.mix365-profile-simple-home
.mix365-profile-home-page,

body.mix365-settings-simple-home
.mix365-settings-home-page {
    background:
        var(
            --mix365-static-vice-header-bg,
            #111
        )
        !important;

    background-color:
        var(
            --mix365-static-vice-header-bg,
            #111
        )
        !important;

    background-image:
        none
        !important;
}

/* Restore the existing hero itself after the page-root override. */
body.mix365-profile-simple-home
.mix365-profile-home-hero,

body.mix365-settings-simple-home
.mix365-settings-home-hero {
    background:
        #030304
        !important;
}

/* ------------------------------------------------------------
 * CONTENT CARDS
 * ------------------------------------------------------------ */

/*
 * Keep cards readable but remove animated/glowing panel treatments.
 */
body.mix365-profile-simple-home
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section
)
:is(
    .mix365-profile-identity-card,
    .mix365-profile-home-card
),

body.mix365-settings-simple-home
:is(
    .mix365-settings-section,
    [data-mix365-live-background]
)
:is(
    .mix365-settings-identity-card,
    .mix365-settings-card
) {
    background:
        rgba(
            0,
            0,
            0,
            0.24
        )
        !important;

    background-image:
        none
        !important;

    border-color:
        rgba(
            255,
            255,
            255,
            0.08
        )
        !important;

    backdrop-filter:
        none
        !important;

    -webkit-backdrop-filter:
        none
        !important;

    animation:
        none
        !important;
}

/*
 * Prevent any animation property inherited from earlier patches.
 */
body:is(
    .mix365-profile-simple-home,
    .mix365-settings-simple-home
)
:is(
    .mix365-profile-identity-section,
    .mix365-profile-dark-section,
    .mix365-profile-light-section,
    .mix365-settings-section,
    [data-mix365-live-background]
)
* {
    animation-play-state:
        paused
        !important;
}

/*
 * Match the existing mobile Vice header colour exactly.
 */
@media (max-width: 1199.98px) {
    html {
        background:
            #0d2346
            !important;
    }

    body.mix365-profile-simple-home,
    body.mix365-settings-simple-home,
    body.mix365-shared-backgrounds-active {
        --mix365-static-vice-header-bg:
            #0d2346;
    }
}