/*
 * GoldVoltron Site World v1.1.0
 * Shared cosmic-world background treatment.
 *
 * Active pages:
 * - Bio
 * - Beats / Beat Library
 * - Special Projects
 * - Foundation Starter Kit
 * - Pattern Engine
 * - Historic Images
 * - GV V3 / Slipmat product page
 * - Old Web Archive
 * - Sewer Slime historical archive
 */

/* =========================================================
   SHARED PAGE SHELL
   ========================================================= */

.gvsw-enabled .gvbio-shell,
.gvsw-enabled .gvbl-shell,
.gvsw-enabled .gvsp-shell,
.gvsw-enabled .gvfs-shell,
.gvsw-enabled .gvpe-site-shell,
.gvsw-enabled .gvhi-standalone-page,
.gvsw-enabled .gvowa-standalone-page,
.gvsw-enabled .gv-v3-site-shell,
.gvsw-enabled .gv-ssa {
    position: relative !important;
    isolation: isolate;
    background:
        radial-gradient(circle at 80% 10%, rgba(121,201,207,.025), transparent 22%),
        linear-gradient(180deg, #111212 0%, #121313 100%) !important;
}

/*
 * Shared world layer.
 * The layer is decorative only and stays below every real control/content section.
 */
.gvsw-enabled .gvbio-shell::before,
.gvsw-enabled .gvbl-shell::before,
.gvsw-enabled .gvsp-shell::before,
.gvsw-enabled .gvfs-shell::before,
.gvsw-enabled .gvpe-site-shell::before,
.gvsw-enabled .gvhi-standalone-page::before,
.gvsw-enabled .gvowa-standalone-page::before,
.gvsw-enabled .gv-v3-site-shell::before,
.gvsw-enabled .gv-ssa::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(
            180deg,
            rgba(6,8,10,.69) 0%,
            rgba(6,8,10,.73) 24%,
            rgba(8,10,11,.79) 58%,
            rgba(11,12,12,.88) 100%
        ),
        url("gv-world-bg.webp");
    background-position: center top, center center;
    background-size: auto, cover;
    background-repeat: no-repeat, no-repeat;
    opacity: .92;
}

/* =========================================================
   PAGE-SPECIFIC WORLD STRENGTH
   ========================================================= */

/* Beats: darker because the library is dense and highly interactive. */
.gvsw-beats .gvbl-shell::before {
    background-image:
        linear-gradient(
            180deg,
            rgba(7,9,11,.78) 0%,
            rgba(7,9,11,.81) 24%,
            rgba(9,11,12,.86) 62%,
            rgba(12,13,13,.92) 100%
        ),
        url("gv-world-bg.webp");
    opacity: .94;
}

/* Special Projects: close to the homepage treatment. */
.gvsw-special-projects .gvsp-shell::before {
    background-image:
        linear-gradient(
            180deg,
            rgba(6,8,10,.72) 0%,
            rgba(6,8,10,.76) 30%,
            rgba(9,10,11,.82) 68%,
            rgba(12,13,13,.90) 100%
        ),
        url("gv-world-bg.webp");
    opacity: .93;
}

/* Foundation: a little darker so instructional panels remain the focus. */
.gvsw-foundation .gvfs-shell::before {
    background-image:
        linear-gradient(
            180deg,
            rgba(7,9,11,.76) 0%,
            rgba(7,9,11,.80) 28%,
            rgba(9,11,12,.85) 64%,
            rgba(12,13,13,.92) 100%
        ),
        url("gv-world-bg.webp");
    opacity: .94;
}

/* Pattern Engine: intentionally faintest. The interface stays dominant. */
.gvsw-pattern-engine .gvpe-site-shell::before {
    background-image:
        linear-gradient(
            180deg,
            rgba(8,10,12,.84) 0%,
            rgba(8,10,12,.87) 30%,
            rgba(10,12,13,.91) 66%,
            rgba(13,14,14,.95) 100%
        ),
        url("gv-world-bg.webp");
    opacity: .96;
}


/* Historic Images: keep the photography and recovered media as the focus. */
.gvsw-historic-images .gvhi-standalone-page::before {
    background-image:
        linear-gradient(
            180deg,
            rgba(6,8,10,.76) 0%,
            rgba(6,8,10,.80) 28%,
            rgba(9,11,12,.86) 68%,
            rgba(12,13,13,.93) 100%
        ),
        url("gv-world-bg.webp");
    opacity: .93;
}

/* Slipmat page: medium-strength world, close to Bio/homepage. */
.gvsw-slipmat .gv-v3-site-shell::before {
    background-image:
        linear-gradient(
            180deg,
            rgba(6,8,10,.72) 0%,
            rgba(6,8,10,.76) 26%,
            rgba(9,10,11,.83) 64%,
            rgba(12,13,13,.91) 100%
        ),
        url("gv-world-bg.webp");
    opacity: .93;
}

/*
 * Old Web: deliberately the most restrained archive treatment.
 * The cosmic layer belongs to the modern GoldVoltron shell, not the
 * reconstructed historical material itself.
 */
.gvsw-old-web .gvowa-standalone-page::before {
    background-image:
        linear-gradient(
            180deg,
            rgba(7,9,11,.83) 0%,
            rgba(7,9,11,.86) 30%,
            rgba(10,11,12,.90) 68%,
            rgba(12,13,13,.95) 100%
        ),
        url("gv-world-bg.webp");
    opacity: .94;
}


/*
 * Sewer Slime historical archive:
 * preserve the darker archival feel, but let the shared GoldVoltron world
 * read clearly in the shell and between sections.
 */
.gvsw-sewer-slime .gv-ssa::before {
    background-image:
        linear-gradient(
            180deg,
            rgba(6,8,10,.76) 0%,
            rgba(6,8,10,.80) 28%,
            rgba(8,10,11,.85) 63%,
            rgba(11,12,12,.92) 100%
        ),
        url("gv-world-bg.webp");
    opacity: .94;
}

/* =========================================================
   LOWER-PAGE FADE
   ========================================================= */

.gvsw-enabled .gvbio-shell::after,
.gvsw-enabled .gvbl-shell::after,
.gvsw-enabled .gvsp-shell::after,
.gvsw-enabled .gvfs-shell::after,
.gvsw-enabled .gvpe-site-shell::after,
.gvsw-enabled .gvhi-standalone-page::after,
.gvsw-enabled .gvowa-standalone-page::after,
.gvsw-enabled .gv-v3-site-shell::after,
.gvsw-enabled .gv-ssa::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(18,19,19,0) 0%,
        rgba(18,19,19,0) 54%,
        rgba(18,19,19,.15) 72%,
        rgba(18,19,19,.48) 88%,
        rgba(18,19,19,.82) 100%
    );
}

/* Put all real page content above the decorative layers. */
.gvsw-enabled .gvbio-shell > *,
.gvsw-enabled .gvbl-shell > *,
.gvsw-enabled .gvsp-shell > *,
.gvsw-enabled .gvfs-shell > *,
.gvsw-enabled .gvpe-site-shell > *,
.gvsw-enabled .gvhi-standalone-page > *,
.gvsw-enabled .gvowa-standalone-page > *,
.gvsw-enabled .gv-v3-site-shell > *,
.gvsw-enabled .gv-ssa > * {
    position: relative;
    z-index: 2;
}

/* =========================================================
   BIO
   ========================================================= */

.gvsw-bio .gvbio-main {
    background-color: transparent !important;
}

.gvsw-bio .gvbio-profile-copy,
.gvsw-bio .gvbio-section,
.gvsw-bio .gvbio-card,
.gvsw-bio .gvbio-archive-card,
.gvsw-bio .gvbio-quote {
    background-color: rgba(23,24,24,.86) !important;
}

/* =========================================================
   BEATS
   ========================================================= */

.gvsw-beats .gvbl-hero,
.gvsw-beats .gvbl-dashboard {
    background-color: transparent !important;
}

.gvsw-beats .gvbl-block,
.gvsw-beats .gvbl-side-block,
.gvsw-beats .gvbl-top-block {
    background-color: rgba(23,24,24,.87) !important;
}

/* =========================================================
   SPECIAL PROJECTS
   ========================================================= */

.gvsw-special-projects .gvsp-main {
    background: transparent !important;
}

.gvsw-special-projects .gvsp-hero {
    background: rgba(25,26,26,.86) !important;
}

.gvsw-special-projects .gvsp-status {
    background: rgba(23,24,24,.88) !important;
}

.gvsw-special-projects .gvsp-shell [id^="gv-beat-list-"] .gv-grid-card,
.gvsw-special-projects .gvsp-shell [id^="gv-beat-list-"] .gv-grid-body {
    background: rgba(25,26,26,.90) !important;
}

/* =========================================================
   FOUNDATION STARTER KIT
   ========================================================= */

.gvsw-foundation .gvfs-hero,
.gvsw-foundation .gvfs-main {
    background: transparent !important;
}

.gvsw-foundation .gvfs-status-panel,
.gvsw-foundation .gvfs-panel {
    background: rgba(25,26,26,.88) !important;
}

.gvsw-foundation .gvfs-panel-head {
    background: rgba(32,33,33,.91) !important;
}

.gvsw-foundation .gvfs-package-body,
.gvsw-foundation .gvfs-contents-body,
.gvsw-foundation .gvfs-beats-panel {
    background-color: rgba(23,24,24,.91) !important;
}

/* =========================================================
   PATTERN ENGINE
   ========================================================= */

/*
 * Keep the Pattern Engine workspace cards fully dark and readable.
 * Only the surrounding site shell / hero / gaps reveal the world.
 */
.gvsw-pattern-engine .gvpe-site-hero,
.gvsw-pattern-engine .gvpe-site-main {
    background: transparent !important;
}

.gvsw-pattern-engine .gvpe-site-status {
    background: rgba(23,24,24,.92) !important;
}


/* =========================================================
   HISTORIC IMAGES
   ========================================================= */

.gvsw-historic-images,
.gvsw-historic-images .gvhi-standalone-page,
.gvsw-historic-images .gvhi-route-shell,
.gvsw-historic-images .gvhi-archive {
    background: transparent !important;
}

.gvsw-historic-images .gvhi-card {
    background: rgba(18,20,22,.92) !important;
}

.gvsw-historic-images .gvhi-filters button {
    background: rgba(20,22,25,.91) !important;
}

.gvsw-historic-images .gvhi-lightbox {
    background: rgba(5,6,7,.96) !important;
}

/* =========================================================
   GV V3 / SLIPMAT PRODUCT
   ========================================================= */

.gvsw-slipmat,
.gvsw-slipmat .gv-v3-site-shell,
.gvsw-slipmat #gv-v3-store {
    background: transparent !important;
}

.gvsw-slipmat .gv-main-image,
.gvsw-slipmat .gv-thumb,
.gvsw-slipmat .gv-buy-panel,
.gvsw-slipmat .gv-info-panel,
.gvsw-slipmat .gv-v3-quick,
.gvsw-slipmat .gv-lineup-card,
.gvsw-slipmat .gv-compare-strip {
    background-color: rgba(18,19,19,.90) !important;
}

/* =========================================================
   OLD WEB ARCHIVE
   ========================================================= */

.gvsw-old-web,
.gvsw-old-web .gvowa-standalone-page,
.gvsw-old-web .gvowa {
    background: transparent !important;
}

/*
 * Keep the reconstructed browser cards and evidence panels dark/opaque.
 * Only the modern shell/gaps reveal the shared world.
 */
.gvsw-old-web .gvowa-summary,
.gvsw-old-web .gvowa-card,
.gvsw-old-web .gvowa-browser,
.gvsw-old-web .gvowa-domain-panel,
.gvsw-old-web .gvowa-method,
.gvsw-old-web .gvowa-honesty {
    background-color: rgba(17,20,22,.94) !important;
}


/* =========================================================
   SEWER SLIME HISTORICAL ARCHIVE
   ========================================================= */

/*
 * The archive plugin owns all of its typography/content design.
 * Site World only replaces the flat full-width background.
 */
.gvsw-sewer-slime .gv-ssa {
    background: transparent !important;
}

.gvsw-sewer-slime .gv-ssa-hero,
.gvsw-sewer-slime .gv-ssa-archive-index,
.gvsw-sewer-slime .gv-ssa-story-card,
.gvsw-sewer-slime .gv-ssa-design-card,
.gvsw-sewer-slime .gv-ssa-credit-card,
.gvsw-sewer-slime .gv-ssa-source,
.gvsw-sewer-slime .gv-ssa-photo,
.gvsw-sewer-slime .gv-ssa-legacy,
.gvsw-sewer-slime .gv-ssa-wild-card,
.gvsw-sewer-slime .gv-ssa-webtrace,
.gvsw-sewer-slime .gv-ssa-internet-branding,
.gvsw-sewer-slime .gv-ssa-zeevee-archive,
.gvsw-sewer-slime .gv-ssa-archive-note {
    background-color: rgba(22,23,23,.90) !important;
}

.gvsw-sewer-slime .gv-ssa-nav {
    background: rgba(16,17,17,.95) !important;
}

.gvsw-sewer-slime .gv-ssa-site-footer {
    background: rgba(17,18,18,.94) !important;
}

/* =========================================================
   NAV + FOOTER ANCHORS
   ========================================================= */

.gvsw-enabled .gvbio-nav,
.gvsw-enabled .gvbl-nav,
.gvsw-enabled .gvsp-nav,
.gvsw-enabled .gvfs-nav,
.gvsw-enabled .gvpe-site-nav {
    background: rgba(16,17,17,.95) !important;
}

.gvsw-enabled .gvbio-foot,
.gvsw-enabled .gvbl-foot,
.gvsw-enabled .gvsp-footer,
.gvsw-enabled .gvfs-footer,
.gvsw-enabled .gvpe-site-footer {
    background: rgba(17,18,18,.94) !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {
    .gvsw-enabled .gvbio-shell::before,
    .gvsw-enabled .gvbl-shell::before,
    .gvsw-enabled .gvsp-shell::before,
    .gvsw-enabled .gvfs-shell::before,
    .gvsw-enabled .gvpe-site-shell::before,
.gvsw-enabled .gvhi-standalone-page::before,
.gvsw-enabled .gvowa-standalone-page::before,
.gvsw-enabled .gv-v3-site-shell::before,
.gvsw-enabled .gv-ssa::before {
        position: absolute;
        background-position: center top, 62% top;
        background-size: auto, auto 920px;
        opacity: .88;
    }

    /* Dense pages get a slightly darker mobile treatment. */
    .gvsw-beats .gvbl-shell::before,
    .gvsw-foundation .gvfs-shell::before,
    .gvsw-pattern-engine .gvpe-site-shell::before,
    .gvsw-historic-images .gvhi-standalone-page::before,
    .gvsw-old-web .gvowa-standalone-page::before,
    .gvsw-sewer-slime .gv-ssa::before {
        opacity: .92;
    }

    .gvsw-enabled .gvbio-shell::after,
    .gvsw-enabled .gvbl-shell::after,
    .gvsw-enabled .gvsp-shell::after,
    .gvsw-enabled .gvfs-shell::after,
    .gvsw-enabled .gvpe-site-shell::after,
.gvsw-enabled .gvhi-standalone-page::after,
.gvsw-enabled .gvowa-standalone-page::after,
.gvsw-enabled .gv-v3-site-shell::after,
.gvsw-enabled .gv-ssa::after {
        background: linear-gradient(
            180deg,
            rgba(18,19,19,0) 0%,
            rgba(18,19,19,.10) 35%,
            rgba(18,19,19,.46) 62%,
            rgba(18,19,19,.88) 100%
        );
    }
}

/* No animations are added, but keep the layer simple for reduced-motion users. */
@media (prefers-reduced-motion: reduce) {
    .gvsw-enabled .gvbio-shell::before,
    .gvsw-enabled .gvbl-shell::before,
    .gvsw-enabled .gvsp-shell::before,
    .gvsw-enabled .gvfs-shell::before,
    .gvsw-enabled .gvpe-site-shell::before,
.gvsw-enabled .gvhi-standalone-page::before,
.gvsw-enabled .gvowa-standalone-page::before,
.gvsw-enabled .gv-v3-site-shell::before,
.gvsw-enabled .gv-ssa::before {
        background-attachment: scroll;
    }
}