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

/* Rel atas seperti deretan sisi koin */
.alx-gaming-fixed-footer::before{
    height:5px!important;

    background:
        repeating-linear-gradient(
            90deg,
            #8a5b00 0 8px,
            #ffd700 8px 18px,
            #fff8c2 18px 24px,
            #ffd700 24px 34px,
            #8a5b00 34px 42px
        )!important;

    background-size:42px 100%!important;

    box-shadow:
        0 0 7px rgba(255,255,255,.34),
        0 0 15px rgba(255,215,0,.68)!important;

    animation:alxCoinRail 2.2s linear infinite!important;
}

/* Lampu putih-emas */
.alx-gaming-fixed-footer::after{
    height:5px!important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,215,0,.28),
            #ffffff,
            #fff8c2,
            #ffd700,
            transparent
        )!important;

    box-shadow:
        0 0 8px rgba(255,255,255,.72),
        0 0 17px rgba(255,215,0,.82)!important;
}

/* Tombol seperti plat emas */
.alx-gaming-fixed-footer a{
    color:#251500!important;

    border-color:#fff6a8!important;
    border-radius:16px!important;

    background:
        linear-gradient(180deg,rgba(255,255,255,.82),transparent 28%),
        repeating-linear-gradient(135deg,rgba(255,255,255,.10) 0 2px,transparent 2px 13px),
        linear-gradient(145deg,#fff9cf 0%,#ffd700 48%,#e5aa00 72%,#9b6200 100%)!important;

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.92),
        inset 0 -10px 18px rgba(108,57,0,.24),
        inset 0 0 18px rgba(255,255,255,.16),
        0 5px 0 #754900,
        0 9px 17px rgba(0,0,0,.48),
        0 0 8px rgba(255,255,255,.28),
        0 0 18px rgba(255,215,0,.66)!important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.82),
        0 2px 2px rgba(80,42,0,.28)!important;
}

/* Garis bawah seperti kilau koin */
.alx-gaming-fixed-footer a::before{
    height:3px!important;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ffffff,
            #fff4a6,
            #ffd700,
            #ffffff,
            transparent
        )!important;

    box-shadow:
        0 0 6px rgba(255,255,255,.62),
        0 0 12px rgba(255,215,0,.72)!important;
}

/* Buat ikon tampil seperti berada di atas koin */
.alx-gaming-fixed-footer img{
    width:38px!important;
    height:38px!important;

    padding:7px!important;

    border:3px double #fff8c2!important;
    border-radius:50%!important;

    background:
        radial-gradient(circle at 35% 25%,#ffffff 0%,#fff5a8 15%,#ffd700 42%,#d69500 70%,#8b5500 100%)!important;

    box-shadow:
        inset 0 2px 2px rgba(255,255,255,.72),
        inset 0 -4px 7px rgba(94,48,0,.34),
        0 0 7px rgba(255,255,255,.42),
        0 0 14px rgba(255,215,0,.72)!important;

    filter:
        drop-shadow(0 0 3px rgba(255,255,255,.28))!important;
}

/* Hover tombol */
.alx-gaming-fixed-footer a:hover{
    color:#251500!important;

    background:
        linear-gradient(180deg,rgba(255,255,255,.92),transparent 27%),
        repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 2px,transparent 2px 13px),
        linear-gradient(145deg,#fffde0 0%,#fff07a 24%,#ffd700 52%,#f0b300 72%,#b27000 100%)!important;

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.96),
        inset 0 -10px 18px rgba(108,57,0,.20),
        inset 0 0 20px rgba(255,255,255,.22),
        0 7px 0 #8b5700,
        0 13px 22px rgba(0,0,0,.54),
        0 0 10px #ffffff,
        0 0 24px rgba(255,240,100,.94),
        0 0 44px rgba(255,195,0,.42)!important;
}

.alx-gaming-fixed-footer a:hover img{
    transform:scale(1.12) rotateY(360deg)!important;

    filter:
        drop-shadow(0 0 6px rgba(255,255,255,.60))
        drop-shadow(0 0 12px rgba(255,215,0,.72))!important;
}

/* CTA tengah menjadi koin emas utama */
.alx-gaming-fixed-footer .tada{
    color:#251500!important;

    border-color:#ffffff!important;

    background:
        linear-gradient(180deg,rgba(255,255,255,.94),transparent 26%),
        radial-gradient(240px 95px at 50% 0%,rgba(255,255,255,.38),transparent 62%),
        linear-gradient(145deg,#fffde2 0%,#fff07a 24%,#ffd700 52%,#eca900 74%,#9b6200 100%)!important;

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.98),
        inset 0 -12px 20px rgba(112,61,0,.24),
        inset 0 0 20px rgba(255,255,255,.24),
        0 7px 0 #9b6200,
        0 12px 22px rgba(0,0,0,.54),
        0 0 11px #ffffff,
        0 0 26px rgba(255,240,100,.98),
        0 0 50px rgba(255,195,0,.46)!important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.90),
        0 2px 2px rgba(82,43,0,.26)!important;
}

.alx-gaming-fixed-footer .tada:hover{
    color:#251500!important;

    background:
        linear-gradient(180deg,rgba(255,255,255,.98),transparent 25%),
        radial-gradient(240px 95px at 50% 0%,rgba(255,255,255,.48),transparent 62%),
        linear-gradient(145deg,#ffffff 0%,#fff59a 26%,#ffd700 54%,#f0b300 74%,#b27000 100%)!important;
}

/* Ikon CTA sedikit lebih besar */
.alx-gaming-fixed-footer .tada img{
    width:44px!important;
    height:44px!important;
}

/* Animasi rail koin */
@keyframes alxCoinRail{
    from{
        background-position:0 0;
    }

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

/* Mobile */
@media(max-width:600px){
    .alx-gaming-fixed-footer a{
        border-radius:10px!important;
    }

    .alx-gaming-fixed-footer img{
        width:26px!important;
        height:26px!important;
        padding:4px!important;
        border-width:2px!important;
    }

    .alx-gaming-fixed-footer .tada img{
        width:30px!important;
        height:30px!important;
    }
}

/* =========================================================
   COLOR ONLY OVERRIDE — SESUAI BANNER URAHARA
   HITAM • MERAH • KUNING/EMAS • PUTIH
   TIDAK MENGUBAH BENTUK / UKURAN / ANIMASI
========================================================= */
:root{
    --alx-gold:#ffc400;
    --alx-gold-soft:#ffe45c;
    --alx-gold-bright:#ffffff;
    --alx-gold-dark:#a52a00;
    --alx-bronze:#ef2118;
    --alx-black:#000000;
    --alx-panel:#0b0101;
    --alx-white:#ffffff;
}

.alx-gaming-fixed-footer{
    border-top-color:#ef2118!important;
    color:#fff!important;
    background:
        radial-gradient(700px 140px at 50% 0%,rgba(239,33,24,.16),transparent 62%),
        repeating-linear-gradient(90deg,transparent 0 55px,rgba(255,255,255,.018) 55px 56px),
        linear-gradient(180deg,#210302 0%,#090101 58%,#000 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 12px 24px rgba(239,33,24,.025),
        0 -8px 24px rgba(0,0,0,.62),
        0 -2px 12px rgba(239,33,24,.32),
        0 -14px 32px rgba(0,0,0,.48)!important;
}

.alx-gaming-fixed-footer::before{
    background:
        repeating-linear-gradient(
            90deg,
            #650703 0 12px,
            #ef2118 12px 25px,
            #ffffff 25px 31px,
            #ffc400 31px 44px,
            #650703 44px 56px
        )!important;
    box-shadow:
        0 0 6px rgba(239,33,24,.70),
        0 0 13px rgba(255,196,0,.25)!important;
}

.alx-gaming-fixed-footer::after{
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(239,33,24,.38),
            #ffffff,
            #ffc400,
            #ef2118,
            transparent
        )!important;
    box-shadow:
        0 0 8px rgba(255,255,255,.40),
        0 0 15px rgba(239,33,24,.58)!important;
}

/* Semua tombol: hitam-merah */
.alx-gaming-fixed-footer a{
    color:#ffffff!important;
    border-color:#ef2118!important;
    background:
        radial-gradient(circle at 50% 0%,rgba(239,33,24,.13),transparent 48%),
        linear-gradient(180deg,#2a0402 0%,#0d0101 58%,#020202 100%)!important;
    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 9px rgba(239,33,24,.28)!important;
    text-shadow:
        0 2px 2px rgba(0,0,0,.85),
        0 0 5px rgba(239,33,24,.30)!important;
}

.alx-gaming-fixed-footer a::before{
    background:
        linear-gradient(
            90deg,
            transparent,
            #ef2118,
            #ffffff,
            #ffc400,
            #ef2118,
            transparent
        )!important;
    box-shadow:
        0 0 6px rgba(239,33,24,.42),
        0 0 11px rgba(255,196,0,.18)!important;
}

.alx-gaming-fixed-footer a:hover{
    color:#ffffff!important;
    border-color:#ffc400!important;
    background:
        radial-gradient(circle at 50% 0%,rgba(255,196,0,.12),transparent 50%),
        linear-gradient(180deg,#390604 0%,#120101 58%,#030303 100%)!important;
    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 10px rgba(239,33,24,.42),
        0 0 18px rgba(255,196,0,.18)!important;
}

/* Ikon: hanya warna/background koin diubah, bentuk tetap */
.alx-gaming-fixed-footer img{
    border-color:#ffc400!important;
    background:
        radial-gradient(circle at 35% 25%,#ffffff 0%,#ffe45c 15%,#ffc400 42%,#ef2118 72%,#650703 100%)!important;
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,.52),
        inset 0 -4px 7px rgba(80,0,0,.34),
        0 0 7px rgba(239,33,24,.34),
        0 0 12px rgba(255,196,0,.28)!important;
}

/* CTA tengah: merah lebih kuat + aksen emas */
.alx-gaming-fixed-footer .tada{
    color:#ffffff!important;
    border-color:#ffc400!important;
    background:
        radial-gradient(240px 95px at 50% 0%,rgba(255,196,0,.16),transparent 62%),
        linear-gradient(145deg,#510805 0%,#200201 52%,#030303 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -5px 0 rgba(0,0,0,.40),
        0 8px 17px rgba(0,0,0,.52),
        0 0 12px rgba(239,33,24,.42),
        0 0 22px rgba(255,196,0,.16)!important;
}

.alx-gaming-fixed-footer .tada::before{
    background:
        linear-gradient(
            90deg,
            transparent,
            #ef2118,
            #ffffff,
            #ffc400,
            #ffffff,
            #ef2118,
            transparent
        )!important;
    box-shadow:
        0 0 7px rgba(255,255,255,.28),
        0 0 13px rgba(239,33,24,.45)!important;
}

.alx-gaming-fixed-footer .tada:hover{
    color:#ffffff!important;
    background:
        radial-gradient(240px 95px at 50% 0%,rgba(255,196,0,.20),transparent 62%),
        linear-gradient(145deg,#650a05 0%,#270302 55%,#040404 100%)!important;
}

/* =========================================================
   FINAL COLOR ONLY — KUNING BANNER
   BLACK • RED • BRIGHT YELLOW/GOLD • WHITE
========================================================= */
:root{
    --alx-gold:#ffd400;
    --alx-gold-soft:#ffe96a;
    --alx-gold-bright:#fff7b0;
    --alx-gold-dark:#ff9d00;
}

/* garis atas: kuning banner lebih jelas */
.alx-gaming-fixed-footer::before{
    background:repeating-linear-gradient(
        90deg,
        #650703 0 12px,
        #ef2118 12px 24px,
        #ffffff 24px 30px,
        #ffd400 30px 46px,
        #ff9d00 46px 54px,
        #650703 54px 66px
    )!important;
    box-shadow:
        0 0 6px rgba(239,33,24,.65),
        0 0 13px rgba(255,212,0,.42)!important;
}

/* border tombol memakai kuning banner */
.alx-gaming-fixed-footer a{
    border-color:#ffd400!important;
    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 7px rgba(239,33,24,.28),
        0 0 12px rgba(255,212,0,.16)!important;
}

/* aksen cahaya merah-putih-kuning */
.alx-gaming-fixed-footer a::before{
    background:linear-gradient(
        90deg,
        transparent,
        #ef2118,
        #ffffff,
        #ffd400,
        #ffffff,
        #ef2118,
        transparent
    )!important;
}

/* icon/koin: kuning terang seperti banner */
.alx-gaming-fixed-footer img{
    border-color:#ffd400!important;
    background:radial-gradient(
        circle at 35% 25%,
        #ffffff 0%,
        #fff6a0 13%,
        #ffe100 30%,
        #ffd400 48%,
        #ffad00 68%,
        #ef2118 88%,
        #650703 100%
    )!important;
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,.58),
        inset 0 -4px 7px rgba(120,40,0,.28),
        0 0 7px rgba(255,212,0,.55),
        0 0 13px rgba(239,33,24,.25)!important;
}

/* CTA utama lebih kuning tetapi background tetap gelap */
.alx-gaming-fixed-footer .tada{
    border-color:#ffd400!important;
    background:
        radial-gradient(240px 95px at 50% 0%,rgba(255,212,0,.24),transparent 62%),
        linear-gradient(145deg,#510805 0%,#200201 52%,#030303 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -5px 0 rgba(0,0,0,.40),
        0 8px 17px rgba(0,0,0,.52),
        0 0 10px rgba(239,33,24,.38),
        0 0 22px rgba(255,212,0,.28)!important;
}

.alx-gaming-fixed-footer .tada::before{
    background:linear-gradient(
        90deg,
        transparent,
        #ef2118,
        #ffffff,
        #ffd400,
        #ffffff,
        #ef2118,
        transparent
    )!important;
}

/* FINAL — tombol Live Chat / tombol biasa dibuat KUNING seperti banner */
.alx-gaming-fixed-footer a:not(.tada){
    color:#1b0800!important;
    -webkit-text-fill-color:#1b0800!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.50) 0%,rgba(255,255,255,.08) 28%,transparent 29%),
        linear-gradient(145deg,#fff06a 0%,#ffd400 35%,#ffb000 72%,#ff9200 100%)!important;
    border-color:#ffe45c!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.68),
        inset 0 -5px 0 rgba(150,55,0,.18),
        0 5px 12px rgba(0,0,0,.44),
        0 0 8px rgba(255,212,0,.62),
        0 0 16px rgba(239,33,24,.18)!important;
    text-shadow:0 1px 0 rgba(255,255,255,.48)!important;
}

.alx-gaming-fixed-footer a:not(.tada):hover{
    color:#160600!important;
    -webkit-text-fill-color:#160600!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.10) 28%,transparent 29%),
        linear-gradient(145deg,#fff58a 0%,#ffe100 35%,#ffc000 72%,#ff9d00 100%)!important;
    border-color:#fff3a0!important;
}
