/*
 * Elysium Shared Hero Visual v1.0.0
 * Scope: only the dark-purple Elysium page heroes.
 * Important: no padding, height or min-height is introduced here.
 * Existing template dimensions remain authoritative; the image is cropped inside them.
 */

.elysium_account_hero,
.elysium_login_hero,
.elysium_editor_hero,
.elysium_choice_hero,
.elysium_create_hero {
    position: relative;
    isolation: isolate;
    background-color: #1b1032 !important;
    background-image: var(--elysium-shared-hero-image) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* Remove the previously generated candle/glow layers from Account Hub/Auth UI. */
body.elysium-account-hub-enabled .elysium_account_hero::before,
body.elysium-account-hub-enabled .elysium_account_hero::after,
body.elysium-auth-ui-enabled .elysium_login_hero::before,
body.elysium-auth-ui-enabled .elysium_login_hero::after,
.elysium_account_hero::before,
.elysium_account_hero::after,
.elysium_login_hero::before,
.elysium_login_hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* Keep hero copy above the image and preserve the templates' current geometry. */
.elysium_account_hero > *,
.elysium_login_hero > *,
.elysium_editor_hero > *,
.elysium_choice_hero > *,
.elysium_create_hero > * {
    position: relative;
    z-index: 1;
}

/* On narrow screens keep the useful center/right part of the artwork while still cropping inside the current hero. */
@media (max-width: 720px) {
    .elysium_account_hero,
    .elysium_login_hero,
    .elysium_editor_hero,
    .elysium_choice_hero,
    .elysium_create_hero {
        background-position: 62% center !important;
    }
}