/* ==========================================================
   MINECRFTMODS V25
   SAFE OVERRIDES ONLY
   ========================================================== */

:root{
    --v25-purple:#9c68ff;
    --v25-blue:#409cff;
}


/* ==========================================================
   GLOBAL
   ========================================================== */

html,
body{
    overflow-x:hidden !important;
}

html{
    background:#05080c !important;
}

body{
    margin:0 !important;
}


/* ==========================================================
   HEADER GLASS AFTER SCROLL
   ========================================================== */

header,
.topbar,
.siteHeader{
    transition:
        background .22s ease,
        backdrop-filter .22s ease,
        box-shadow .22s ease !important;
}

body.v25-scrolled header,
body.v25-scrolled .topbar,
body.v25-scrolled .siteHeader{
    background:
        rgba(5,9,13,.75) !important;

    backdrop-filter:
        blur(18px)
        saturate(150%) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(150%) !important;

    box-shadow:
        0 12px 42px
        rgba(0,0,0,.38) !important;
}


/* ==========================================================
   DETAIL PAGE REAL BACKGROUND
   ========================================================== */

body.v25-detail{
    --v25-detail-bg:
        url('/assets/backgrounds/minecraft-world.webp');

    background:
        #05080c !important;

    min-height:0 !important;

    height:auto !important;

    padding-bottom:0 !important;

    position:relative;
}


body.v25-detail::before{
    content:"";

    position:fixed;

    inset:0;

    z-index:-20;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(3,7,10,.42),
            rgba(3,7,10,.67) 52%,
            rgba(3,7,10,.82)
        ),
        var(--v25-detail-bg);

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    transform:translateZ(0);
}


/* ==========================================================
   OLD FAKE WORLD MUST NEVER CREATE HEIGHT
   ========================================================== */

body.v25-detail .v10-world,
body.v25-detail .v11-world,
body.v25-detail .v12-world,
body.v25-detail .v13-world,
body.v25-detail .v14-world,
body.v25-detail .mc-detail-world{
    position:fixed !important;

    inset:0 !important;

    width:100vw !important;

    height:100vh !important;

    min-height:0 !important;

    max-height:100vh !important;

    margin:0 !important;

    padding:0 !important;

    pointer-events:none !important;

    overflow:hidden !important;

    z-index:-10 !important;
}


/* ==========================================================
   DETAIL CONTENT MUST STAY VISIBLE
   ========================================================== */

body.v25-detail main,
body.v25-detail .detailPage{
    display:block !important;

    visibility:visible !important;

    opacity:1 !important;

    min-height:0 !important;

    height:auto !important;

    max-height:none !important;

    margin-bottom:0 !important;

    padding-bottom:0 !important;

    position:relative !important;

    z-index:2 !important;
}


body.v25-detail .detailHero,
body.v25-detail .panel,
body.v25-detail .fp-detail-extra,
body.v25-detail .fp-related{
    visibility:visible !important;

    opacity:1 !important;
}


/* ==========================================================
   LOGOS RESTORE
   ========================================================== */

body.v25-detail img,
body.v25-home img{
    visibility:visible !important;

    opacity:1 !important;
}


body.v25-detail .detailLogo,
body.v25-detail .detailLogo img,
body.v25-detail .resourceLogo,
body.v25-detail .resourceLogo img,
body.v25-detail .clientLogo,
body.v25-detail .clientLogo img{
    display:block !important;

    visibility:visible !important;

    opacity:1 !important;
}


/* ==========================================================
   ONLY ONE BACK BUTTON
   ========================================================== */

body.v25-detail .premiumPageHome,
body.v25-detail .floatingHome,
body.v25-detail .premiumHomeButton{
    display:none !important;
}


/* ==========================================================
   RELATED RESOURCES — HORIZONTAL SLIDER
   ========================================================== */

body.v25-detail .fp-related{
    position:relative !important;

    min-height:0 !important;

    height:auto !important;

    margin-top:28px !important;

    margin-bottom:12px !important;

    padding-bottom:4px !important;
}


body.v25-detail .fp-related-grid{
    display:flex !important;

    grid-template-columns:none !important;

    gap:14px !important;

    width:100% !important;

    max-width:100% !important;

    overflow-x:auto !important;

    overflow-y:hidden !important;

    scroll-snap-type:
        x mandatory !important;

    overscroll-behavior-x:
        contain !important;

    -webkit-overflow-scrolling:
        touch !important;

    scrollbar-width:
        none !important;

    touch-action:
        pan-x !important;

    padding:
        2px 2px 12px !important;
}


body.v25-detail .fp-related-grid::-webkit-scrollbar{
    display:none !important;
}


body.v25-detail .fp-related-grid > *{
    flex:
        0 0 320px !important;

    width:
        320px !important;

    min-width:
        320px !important;

    max-width:
        320px !important;

    scroll-snap-align:
        start !important;
}


body.v25-detail .fp-related img{
    display:block !important;

    visibility:visible !important;

    opacity:1 !important;
}


/* ==========================================================
   REMOVE FOOTER / OLD END LABEL ON DETAIL PAGES
   RELATED MUST BE TRUE END
   ========================================================== */

body.v25-detail footer,
body.v25-detail .fp-footer,
body.v25-detail .detailFooter,
body.v25-detail .resourceFooter,
body.v25-detail .pageEnd,
body.v25-detail .page-end,
body.v25-detail .bottomScene,
body.v25-detail .bottom-scene,
body.v25-detail .worldSpacer,
body.v25-detail .world-spacer,
body.v25-detail .detailSpacer,
body.v25-detail .detail-spacer{
    display:none !important;

    height:0 !important;

    min-height:0 !important;

    margin:0 !important;

    padding:0 !important;
}


/* ==========================================================
   HOME — RESTORE PREMIUM SPACING, NOT CRAMPED
   ========================================================== */

body.v25-home .hero{
    width:
        min(
            1440px,
            calc(100% - 52px)
        ) !important;

    min-height:0 !important;

    height:auto !important;

    margin:
        26px auto 0 !important;

    overflow:hidden !important;
}


body.v25-home .heroVisual,
body.v25-home .heroArtwork,
body.v25-home .heroDecoration{
    pointer-events:none !important;
}


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

@media(max-width:700px){

    body.v25-home .hero{
        width:auto !important;

        margin:
            22px 18px 0 !important;
    }


    body.v25-home .heroContent,
    body.v25-home .heroInner,
    body.v25-home .heroText,
    body.v25-home .v14-hero-content{
        min-height:0 !important;

        height:auto !important;

        padding-top:
            42px !important;

        padding-bottom:
            42px !important;
    }


    body.v25-detail main,
    body.v25-detail .detailPage{
        padding-bottom:
            0 !important;

        margin-bottom:
            0 !important;
    }


    body.v25-detail .fp-related{
        margin-bottom:
            4px !important;
    }


    body.v25-detail .fp-related-grid{
        padding-right:
            18px !important;
    }


    body.v25-detail .fp-related-grid > *{
        flex-basis:
            275px !important;

        min-width:
            275px !important;

        width:
            275px !important;
    }

}


/* ==========================================================
   V25 PROGRESS MODAL
   ========================================================== */

.v25-download-overlay{
    position:fixed;

    inset:0;

    z-index:999999;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    background:
        rgba(3,5,8,.80);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);
}


.v25-download-box{
    width:
        min(
            470px,
            calc(100% - 20px)
        );

    padding:
        30px;

    border-radius:
        22px;

    background:
        radial-gradient(
            circle at 90% 0,
            rgba(155,102,255,.17),
            transparent 43%
        ),
        #090d13;

    border:
        1px solid
        rgba(255,255,255,.11);

    box-shadow:
        0 35px 100px
        rgba(0,0,0,.58);
}


.v25-download-box h3{
    color:white;

    margin:
        0 0 8px;

    font-size:
        25px;
}


.v25-download-status{
    color:#9da5b0;

    margin-bottom:24px;
}


.v25-progress-head{
    display:flex;

    align-items:center;

    justify-content:
        space-between;

    color:white;

    font-weight:800;

    margin-bottom:10px;
}


.v25-progress-percent{
    color:#aa75ff;
}


.v25-progress-track{
    width:100%;

    height:12px;

    overflow:hidden;

    border-radius:999px;

    background:
        rgba(255,255,255,.09);
}


.v25-progress-bar{
    width:0%;

    height:100%;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #a367ff,
            #3ea5ff
        );
}


/* hide legacy download popup layers */

.v22-download-overlay,
.v23-download-overlay,
.v24-download-overlay{
    display:none !important;
}


/* ==========================================================
   FAST BACK ANIMATION
   ========================================================== */

body.v25-home-out{
    animation:
        v25Out .14s ease forwards;
}


@keyframes v25Out{

    to{
        opacity:0;

        transform:
            translateX(7px);
    }

}