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

.section-title::before{
    background:linear-gradient(
        90deg,
        transparent,
        #ef2118,
        #ffffff,
        #ffc400,
        #ef2118,
        transparent
    )!important;

    box-shadow:
        0 0 5px rgba(239,33,24,.55),
        0 0 9px rgba(255,196,0,.25)!important;

    animation-duration:5.8s!important;
}

/* ganti ikon $ menjadi favicon */
.section-title::after{
    content:""!important;
    width:34px!important;
    height:34px!important;
    right:14px!important;

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

    background:
        url("https://www.neraka33x2.com/image/neraka33x2-favicon.webp")
        center/contain no-repeat!important;

    box-shadow:none!important;
    text-shadow:none!important;

    filter:
        drop-shadow(0 0 4px rgba(239,33,24,.62))
        drop-shadow(0 0 5px rgba(255,196,0,.28))!important;

    animation:none!important;
}

/* PANEL UTAMA */
.description-section,
.reviews-section,
.faq-section{
    color:#ffffff!important;
    border-color:#ef2118!important;

    background:
        radial-gradient(circle at 12% 0%,rgba(239,33,24,.14),transparent 34%),
        radial-gradient(circle at 95% 95%,rgba(255,196,0,.055),transparent 30%),
        repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 2px,transparent 2px 16px),
        linear-gradient(145deg,#1b0302 0%,#080101 50%,#000 100%)!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 0 28px rgba(0,0,0,.84),
        0 8px 22px rgba(0,0,0,.62),
        0 0 8px rgba(239,33,24,.30),
        0 0 18px rgba(255,196,0,.10)!important;
}

.description-section::before,
.reviews-section::before,
.faq-section::before{
    border-color:rgba(239,33,24,.28)!important;
    box-shadow:
        inset 0 0 10px rgba(239,33,24,.035),
        0 0 6px rgba(255,196,0,.08)!important;
}

.description-section::after,
.reviews-section::after,
.faq-section::after{
    background:linear-gradient(
        90deg,
        transparent,
        #ef2118,
        #ffffff,
        #ffc400,
        transparent
    )!important;

    box-shadow:
        0 0 5px rgba(239,33,24,.45),
        0 0 8px rgba(255,196,0,.20)!important;

    animation-duration:6.8s!important;
}

/* DESCRIPTION CONTENT */
.description-content{
    border-color:rgba(239,33,24,.34)!important;

    background:
        radial-gradient(circle at 0 0,rgba(239,33,24,.06),transparent 34%),
        linear-gradient(180deg,rgba(20,3,2,.98),rgba(3,3,3,.99))!important;

    box-shadow:
        inset 0 0 18px rgba(0,0,0,.80),
        0 0 8px rgba(239,33,24,.08)!important;
}

.description-content h1,
.description-content h2,
.description-content h3,
.description-content h4,
.description-content h5,
.description-content h6{
    color:#ffffff!important;
    text-shadow:
        0 2px 2px #000,
        0 0 6px rgba(239,33,24,.28)!important;
}

/* strong = kuning emas */
.description-content strong,
.description-content b,
.faq-answer strong,
.faq-answer b,
.review-card strong,
.review-card b{
    color:#ffc400!important;
    text-shadow:0 0 5px rgba(255,196,0,.34)!important;
}

.description-content a,
.faq-answer a,
.review-card a{
    color:#ffc400!important;
    text-shadow:0 0 5px rgba(255,196,0,.30)!important;
}

/* CARDS */
.review-card,
.faq-item{
    border-color:rgba(239,33,24,.44)!important;

    background:
        radial-gradient(circle at 100% 0%,rgba(255,196,0,.045),transparent 34%),
        linear-gradient(180deg,#180302 0%,#080101 58%,#020202 100%)!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 18px rgba(0,0,0,.76),
        0 6px 15px rgba(0,0,0,.52),
        0 0 7px rgba(239,33,24,.14)!important;
}

.review-card::before,
.faq-item::before{
    width:5px!important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ef2118 32%,
            #b20e08 68%,
            #ffc400 100%
        )!important;

    box-shadow:
        0 0 5px rgba(239,33,24,.55),
        0 0 9px rgba(255,196,0,.18)!important;
}

.review-card::after,
.faq-item::after{
    background:linear-gradient(
        90deg,
        transparent,
        #ef2118,
        #ffffff,
        #ffc400,
        transparent
    )!important;

    box-shadow:0 0 5px rgba(239,33,24,.38)!important;
}

.review-card:hover,
.faq-item:hover{
    border-color:#ffc400!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 0 20px rgba(0,0,0,.72),
        0 10px 20px rgba(0,0,0,.58),
        0 0 10px rgba(239,33,24,.26),
        0 0 14px rgba(255,196,0,.14)!important;
}

/* REVIEW ICON = favicon */
.reviewer-name::before{
    content:""!important;

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

    background:
        url("https://www.neraka33x2.com/image/neraka33x2-favicon.webp")
        center/contain no-repeat!important;

    box-shadow:none!important;
    text-shadow:none!important;

    filter:
        drop-shadow(0 0 3px rgba(239,33,24,.55))
        drop-shadow(0 0 4px rgba(255,196,0,.22))!important;
}

.reviewer-name{
    color:#ffffff!important;
    text-shadow:
        0 2px 2px #000,
        0 0 5px rgba(239,33,24,.32)!important;
}

.review-text{
    border-color:rgba(239,33,24,.24)!important;
    background:rgba(0,0,0,.52)!important;
}

/* FAQ Q/A */
.faq-question{
    color:#ffffff!important;
    text-shadow:
        0 2px 2px #000,
        0 0 5px rgba(239,33,24,.28)!important;
}

.faq-question::before,
.faq-answer::before{
    color:#ffffff!important;

    border:1px solid #ffc400!important;
    border-radius:7px!important;

    background:
        linear-gradient(145deg,#350403 0%,#110101 58%,#020202 100%)!important;

    box-shadow:
        0 3px 0 #650800,
        0 0 6px rgba(239,33,24,.28),
        0 0 9px rgba(255,196,0,.14)!important;

    text-shadow:0 1px 2px #000!important;
}

.faq-answer p{
    border-color:rgba(239,33,24,.24)!important;
    background:rgba(0,0,0,.52)!important;
}

/* Mobile */
@media(max-width:480px){
    .section-title::after{
        width:28px!important;
        height:28px!important;
        right:8px!important;
    }
}

/* ==================================================
   FIXED FOOTER — HITAM NEON EMAS
   TANPA GARIS DIAGONAL • DESKTOP BESAR • MOBILE RAPI
================================================== */

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

/* AGAR FOOTER TIDAK MENUTUP KONTEN */
body{
    padding-bottom:122px !important;
}

/* ==================================================
   CONTAINER FOOTER
================================================== */

.alx-gaming-fixed-footer{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:9999;

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

    gap:16px;

    min-height:96px;

    padding:
        14px
        24px
        calc(14px + env(safe-area-inset-bottom));

    border-top:2px solid var(--alx-gold);
    border-radius:20px 20px 0 0;

    background:
        radial-gradient(
            700px 140px at 50% 0%,
            rgba(255,215,0,.10),
            transparent 62%
        ),
        repeating-linear-gradient(
            90deg,
            transparent 0 55px,
            rgba(255,255,255,.018) 55px 56px
        ),
        linear-gradient(
            180deg,
            #1b1b1b 0%,
            #080808 58%,
            #020202 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 12px 24px rgba(255,215,0,.025),
        0 -8px 24px rgba(0,0,0,.62),
        0 -2px 12px rgba(255,215,0,.28),
        0 -14px 32px rgba(0,0,0,.48);

    color:#ffffff;

    font-family:
        "Poppins",
        "Segoe UI",
        system-ui,
        sans-serif;

    overflow:hidden;
    isolation:isolate;
}

/* ==================================================
   REL NEON EMAS BERJALAN DI BAGIAN ATAS
================================================== */

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

    position:absolute;
    top:0;
    right:0;
    left:0;
    z-index:1;

    height:4px;

    background:
        repeating-linear-gradient(
            90deg,
            var(--alx-gold-dark) 0 12px,
            var(--alx-gold) 12px 25px,
            var(--alx-gold-bright) 25px 31px,
            var(--alx-gold) 31px 44px,
            var(--alx-gold-dark) 44px 56px
        );

    background-size:56px 100%;

    box-shadow:
        0 0 6px rgba(255,215,0,.80),
        0 0 13px rgba(255,215,0,.35);

    animation:alxGoldRail 2.4s linear infinite;

    pointer-events:none;
}

/* LAMPU EMAS MELINTAS HANYA DI REL ATAS */

.alx-gaming-fixed-footer::after{
    content:"";

    position:absolute;
    top:0;
    left:-22%;
    z-index:2;

    width:22%;
    height:4px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,215,0,.35),
            var(--alx-gold-bright),
            #ffffff,
            var(--alx-gold),
            transparent
        );

    box-shadow:
        0 0 8px rgba(255,255,255,.55),
        0 0 15px rgba(255,215,0,.80);

    animation:alxGoldLamp 3.3s linear infinite;

    pointer-events:none;
}