/* NERAKA33 CSS PART 09/10
   Jangan ubah urutan load. Load 01 -> 10.
*/

/* ==================================================
   TOMBOL
================================================== */

.alx-gaming-fixed-footer a{
    position:relative;
    z-index:3;

    flex:1 1 0;

    width:100%;
    max-width:190px;
    min-width:115px;
    min-height:70px;

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

    gap:7px;

    padding:12px 16px;

    border:1px solid rgba(255,215,0,.62);
    border-radius:15px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255,215,0,.10),
            transparent 48%
        ),
        linear-gradient(
            180deg,
            #262626 0%,
            #0e0e0e 58%,
            #050505 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -4px 0 rgba(0,0,0,.28),
        0 5px 12px rgba(0,0,0,.44),
        0 0 10px rgba(255,215,0,.16);

    color:#ffffff !important;

    text-align:center;
    text-decoration:none !important;
    text-shadow:
        0 2px 2px rgba(0,0,0,.85),
        0 0 5px rgba(255,215,0,.22);

    font-size:13px;
    font-weight:800;
    line-height:1.15;
    letter-spacing:.03em;

    white-space:nowrap;

    overflow:hidden;

    transition:
        transform .20s ease,
        border-color .20s ease,
        background .20s ease,
        box-shadow .20s ease;
}

/* GARIS NEON EMAS DI BAWAH TOMBOL */

.alx-gaming-fixed-footer a::before{
    content:"";

    position:absolute;
    right:10px;
    bottom:0;
    left:10px;

    height:4px;

    border-radius:4px 4px 0 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--alx-gold-dark),
            var(--alx-gold),
            var(--alx-gold-bright),
            var(--alx-gold),
            var(--alx-gold-dark),
            transparent
        );

    box-shadow:
        0 0 6px rgba(255,215,0,.58),
        0 0 11px rgba(255,215,0,.24);

    animation:alxButtonPulse 1.9s ease-in-out infinite;

    pointer-events:none;
}

/* HAPUS KILAU DIAGONAL DI DALAM TOMBOL */

.alx-gaming-fixed-footer a::after{
    content:none !important;
    display:none !important;
}

/* ==================================================
   HOVER
================================================== */

.alx-gaming-fixed-footer a:hover{
    transform:
        translateY(-4px)
        scale(1.015);

    border-color:var(--alx-gold-bright);

    color:#ffffff !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255,215,0,.22),
            transparent 50%
        ),
        linear-gradient(
            180deg,
            #302700 0%,
            #151515 58%,
            #050505 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -4px 0 rgba(0,0,0,.30),
        0 9px 18px rgba(0,0,0,.52),
        0 0 14px rgba(255,215,0,.58),
        0 0 26px rgba(255,215,0,.24);
}

/* ==================================================
   ICON — WARNA ASLI
================================================== */

.alx-gaming-fixed-footer img{
    position:relative;
    z-index:3;

    display:block;

    width:36px;
    height:36px;

    margin:0 auto;

    object-fit:contain;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    opacity:1 !important;
    filter:none !important;

    box-shadow:none !important;

    transition:
        transform .20s ease,
        filter .20s ease;
}

.alx-gaming-fixed-footer a:hover img{
    transform:
        scale(1.10)
        rotate(-2deg);

    filter:
        drop-shadow(0 0 7px rgba(255,215,0,.62)) !important;
}

/* ==================================================
   TOMBOL TENGAH / CTA
================================================== */

.alx-gaming-fixed-footer .tada{
    min-height:80px;

    transform:translateY(-8px);

    border:2px solid var(--alx-gold);

    color:#ffffff !important;

    background:
        radial-gradient(
            240px 95px at 50% 0%,
            rgba(255,215,0,.28),
            transparent 62%
        ),
        linear-gradient(
            145deg,
            #392e00 0%,
            #171717 52%,
            #030303 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -5px 0 rgba(0,0,0,.40),
        0 8px 17px rgba(0,0,0,.52),
        0 0 16px rgba(255,215,0,.48),
        0 0 30px rgba(255,215,0,.20);
}

/* CTA TIDAK MEMAKAI LINGKARAN BESAR */

.alx-gaming-fixed-footer .tada::before{
    right:10px;
    bottom:0;
    left:10px;
    top:auto;

    width:auto;
    height:4px;

    transform:none;

    border:0;
    border-radius:4px 4px 0 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--alx-gold),
            #ffffff,
            var(--alx-gold-bright),
            #ffffff,
            var(--alx-gold),
            transparent
        );

    box-shadow:
        0 0 7px rgba(255,255,255,.42),
        0 0 13px rgba(255,215,0,.72);

    animation:alxButtonPulse 1.6s ease-in-out infinite;
}

.alx-gaming-fixed-footer .tada:hover{
    transform:
        translateY(-11px)
        scale(1.02);

    color:#ffffff !important;

    background:
        radial-gradient(
            240px 95px at 50% 0%,
            rgba(255,235,120,.34),
            transparent 62%
        ),
        linear-gradient(
            145deg,
            #4b3c00 0%,
            #1c1c1c 55%,
            #040404 100%
        );
}

/* ==================================================
   ACTIVE
================================================== */

.alx-gaming-fixed-footer a:active{
    transform:
        translateY(-1px)
        scale(.97);

    opacity:.92;
}

/* ==================================================
   ANIMASI
================================================== */

@keyframes alxGoldRail{
    from{
        background-position:0 0;
    }

    to{
        background-position:56px 0;
    }
}

@keyframes alxGoldLamp{
    from{
        left:-22%;
    }

    to{
        left:122%;
    }
}

@keyframes alxButtonPulse{
    0%,
    100%{
        opacity:.62;
        filter:brightness(.92);
    }

    50%{
        opacity:1;
        filter:brightness(1.28);
    }
}

/* ==================================================
   LAPTOP / TABLET
================================================== */

@media(max-width:1100px){
    body{
        padding-bottom:110px !important;
    }

    .alx-gaming-fixed-footer{
        gap:10px;

        min-height:86px;

        padding:
            12px
            12px
            calc(12px + env(safe-area-inset-bottom));
    }

    .alx-gaming-fixed-footer a{
        max-width:155px;
        min-width:90px;
        min-height:62px;

        padding:10px 8px;

        font-size:11px;
    }

    .alx-gaming-fixed-footer img{
        width:31px;
        height:31px;
    }

    .alx-gaming-fixed-footer .tada{
        min-height:70px;
        transform:translateY(-6px);
    }
}

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

@media(max-width:600px){
    body{
        padding-bottom:88px !important;
    }

    .alx-gaming-fixed-footer{
        gap:5px;

        min-height:67px;

        padding:
            8px
            5px
            calc(8px + env(safe-area-inset-bottom));

        border-radius:15px 15px 0 0;
    }

    .alx-gaming-fixed-footer a{
        flex:1 1 0;

        width:auto;
        max-width:none;
        min-width:0;
        min-height:48px;

        gap:4px;

        padding:6px 2px;

        border-radius:9px;

        font-size:8.5px;
        line-height:1.05;
        letter-spacing:0;

        white-space:normal;
    }

    .alx-gaming-fixed-footer img{
        width:23px;
        height:23px;
    }

    .alx-gaming-fixed-footer .tada{
        min-height:54px;

        transform:translateY(-4px);

        border-width:1px;
    }

    .alx-gaming-fixed-footer .tada:hover{
        transform:translateY(-5px);
    }

    .alx-gaming-fixed-footer a::before,
    .alx-gaming-fixed-footer .tada::before{
        right:5px;
        left:5px;
        height:3px;
    }
}

@media(max-width:360px){
    .alx-gaming-fixed-footer{
        gap:3px;

        padding-right:3px;
        padding-left:3px;
    }

    .alx-gaming-fixed-footer a{
        padding-right:1px;
        padding-left:1px;

        font-size:7.5px;
    }

    .alx-gaming-fixed-footer img{
        width:21px;
        height:21px;
    }
}

/* ==================================================
   REDUCED MOTION
================================================== */

@media(prefers-reduced-motion:reduce){
    .alx-gaming-fixed-footer::before,
    .alx-gaming-fixed-footer::after,
    .alx-gaming-fixed-footer a::before{
        animation:none !important;
    }

    .alx-gaming-fixed-footer a,
    .alx-gaming-fixed-footer img{
        transition:none !important;
    }
}

/* ==================================================
   GOLD COIN PREMIUM OVERRIDE
   FIXED FOOTER • METALLIC GOLD • LUXURY
================================================== */

:root{
    --alx-gold:#ffd700;
    --alx-gold-soft:#fff0a6;
    --alx-gold-bright:#fffbe0;
    --alx-gold-dark:#806000;
    --alx-bronze:#b87400;
    --alx-black:#020202;
    --alx-panel:#151515;
    --alx-white:#ffffff;
}

/* Footer bernuansa koin emas */
.alx-gaming-fixed-footer{
    border-top-color:#fff6a8!important;

    background:
        radial-gradient(700px 150px at 50% 0%,rgba(255,215,0,.20),transparent 62%),
        radial-gradient(circle at 100% 100%,rgba(255,165,0,.08),transparent 30%),
        repeating-linear-gradient(90deg,transparent 0 55px,rgba(255,255,255,.018) 55px 56px),
        linear-gradient(180deg,#211800 0%,#0d0a02 58%,#020202 100%)!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 12px 24px rgba(255,215,0,.04),
        0 -8px 24px rgba(0,0,0,.64),
        0 -3px 14px rgba(255,255,255,.14),
        0 -4px 20px rgba(255,215,0,.52),
        0 -16px 34px rgba(0,0,0,.50)!important;
}