/* =========================================
   REMOVE ORIGINAL FOOTER
========================================= */

footer > div {
    display: none !important;
}

/* =========================================
   MAIN FOOTER
========================================= */

footer {

    position: relative;

    overflow: hidden;

    min-height: 360px;

    padding: 45px 25px 45px !important;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    border-top: 1px solid rgba(212,175,55,0.18);

    background:
        radial-gradient(circle at top left,
        rgba(212,175,55,0.06),
        transparent 24%),

        radial-gradient(circle at bottom right,
        rgba(37,99,235,0.08),
        transparent 28%),

        linear-gradient(
        135deg,
        #020617 0%,
        #071427 45%,
        #0a1d3f 100%
    ) !important;
}

/* =========================================
   GOLD GLOW
========================================= */

footer::before {

    content: "";

    width: 190px;
    height: 70px;

    display: block;

    margin-bottom: 30px;

    background-image:
        url('https://rpc.felixexplorer.com/logo.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    z-index: 2;
}

/* =========================================
   FOOTER CONTENT
========================================= */

footer::after {

    content:
    "Enterprise-grade blockchain explorer for the Felix Smart Chain ecosystem.\A"
    
    "Track transactions, wallets, smart contracts, blocks and token activities\A"
    
    "through a secure, scalable and high-performance infrastructure.\A\A"
    
    "Powered by Felix Smart Chain Infrastructure\A\A"
    
    "© 2026 Felix Network. All Rights Reserved.";

    white-space: pre-line;

    position: relative;

    z-index: 2;

    max-width: 920px;

    color: #f8fafc;

    font-size: 17px;

    line-height: 38px;

    font-weight: 400;

    letter-spacing: 0.3px;

    text-align: center;
}

/* =========================================
   CENTER LIGHT EFFECT
========================================= */

footer::selection {
    background: transparent;
}

footer:after {

    text-shadow:
        0 0 10px rgba(255,255,255,0.02),
        0 0 18px rgba(212,175,55,0.05);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

    footer {

        min-height: 420px;

        padding: 40px 18px !important;
    }

    footer::before {

        width: 150px;
        height: 55px;

        margin-bottom: 22px;
    }

    footer::after {

        font-size: 14px;

        line-height: 30px;

        max-width: 95%;
    }
}