/* CSS Asli - Hanya ganti Orange jadi Biru + Neon Glow */

:root{
    --main-theme-color:#780000;
    --secondary-color:#0099ff;
    --neon-blue:#0099ff;
    --neon-red:#780000;
}

/* Base */
body{background-color:#0d0d0d; color:#e0e0e0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}

/* Smooth Scroll */
html{scroll-behavior:smooth;}

/* Scroll Progress Bar */
.scroll-progress{
    position:fixed;
    top:0;
    left:0;
    width:0%;
    height:4px;
    background:linear-gradient(90deg,#780000,#0099ff);
    box-shadow:0 0 10px #0099ff;
    z-index:9999;
    transition:width 0.1s;
}

/* Reveal Animation */
.reveal{
    opacity:0;
    transform:translateY(50px);
    transition:all 0.8s cubic-bezier(0.5,0,0,1);
}
.reveal.active{
    opacity:1;
    transform:translateY(0);
}
.reveal-scale{
    opacity:0;
    transform:scale(0.8);
    transition:all 0.6s ease-out;
}
.reveal-scale.active{
    opacity:1;
    transform:scale(1);
}

/* FAQ Section */
.faq-section{
    max-width:800px;
    margin:0 auto;
    padding:20px;
}
.faq-head{
    font-size:28px;
    font-weight:bold;
    text-align:center;
    margin-bottom:30px;
    color:#ffffff;
    text-shadow:0 0 10px rgba(0,153,255,0.5);
}

/* Accordion - Dark Theme Blue */
.tp-accordion{
    background:#1a1a1a;
    border-radius:12px;
    margin-bottom:15px;
    border:1px solid #2a2a2a;
    overflow:hidden;
    opacity:0;
    transform:translateY(30px);
    transition:all 0.6s ease-out;
    box-shadow:0 2px 10px rgba(0,0,0,0.3);
}
.tp-accordion.active{
    opacity:1;
    transform:translateY(0);
}
.tp-accordion:hover{
    border-color:#0099ff;
    box-shadow:0 0 15px rgba(0,153,255,0.3),0 5px 20px rgba(0,0,0,0.3);
    transform:translateY(-2px);
}

.tp-accordion__button{
    width:100%;
    padding:20px 25px;
    background:linear-gradient(135deg,#780000 0%,#0099ff 100%);
    border:none;
    color:white;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:all 0.3s ease;
    text-shadow:0 1px 2px rgba(0,0,0,0.3);
}
.tp-accordion__button:hover{
    background:linear-gradient(135deg,#0099ff 0%,#780000 100%);
    box-shadow:inset 0 0 20px rgba(255,255,255,0.1);
}
.tp-accordion__button[aria-expanded="true"]{
    background:linear-gradient(135deg,#0099ff 0%,#0077cc 100%);
    box-shadow:0 0 15px rgba(0,153,255,0.4);
}

.tp-accordion__button-text{
    text-align:left;
}

.tp-accordion__content{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.4s ease-out,padding 0.4s ease;
    background:#111111;
    border-top:1px solid #2a2a2a;
}
.tp-accordion__content--open{
    max-height:200px;
    padding:20px 25px;
}

.jsGarmentDescription2{
    color:#b0b0b0;
    line-height:1.6;
    font-size:14px;
}

/* Icon */
.teepublicon{
    transition:transform 0.3s ease;
    filter:brightness(0) invert(1);
}
.tp-accordion__button[aria-expanded="true"] .teepublicon{
    transform:rotate(180deg);
}

/* Custom Scrollbar - Blue Edition */
::-webkit-scrollbar{
    width:12px;
}
::-webkit-scrollbar-track{
    background:#0d0d0d;
    border-radius:10px;
}
::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#780000,#0099ff);
    border-radius:10px;
    box-shadow:0 0 5px #0099ff;
}
::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#0099ff,#780000);
    box-shadow:0 0 10px #0099ff;
}

/* Parallax Image */
picture{
    display:block;
    text-align:center;
    margin:30px 0;
}
picture img{
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.3),0 0 20px rgba(0,153,255,0.1);
    transition:all 0.4s ease;
    max-width:100%;
    height:auto;
}
picture:hover img{
    transform:scale(1.02);
    box-shadow:0 15px 40px rgba(0,0,0,0.4),0 0 30px rgba(0,153,255,0.2);
}

/* Responsive */
@media(max-width:768px){
    .tp-accordion__button{
        padding:15px 20px;
        font-size:14px;
    }
    .faq-head{
        font-size:22px;
    }
    .tp-accordion__content--open{
        padding:15px 20px;
    }
}

/* NEON GLOW EFFECTS - Tambahan */
.glow-blue{
    box-shadow:0 0 10px #0099ff,0 0 20px rgba(0,153,255,0.5);
}
.glow-red{
    box-shadow:0 0 10px #780000,0 0 20px rgba(120,0,0,0.5);
}
.text-glow{
    text-shadow:0 0 10px currentColor;
}

/* Hover Glow untuk Links */
a:hover{
    color:#0099ff;
    text-shadow:0 0 8px rgba(0,153,255,0.5);
}

/* Button Primary Override - Pastiin Biru */
.bonus-slider-modal .activation-button,
.claim-item .claim-button,
.claim-item .activation-button,
.standard-button-group .btn-primary,
.btn-primary,
.login-panel .register-button{
    background:linear-gradient(to right,#780000 0%,#0099ff 100%)!important;
    color:#fff!important;
    border:none!important;
    transition:all 0.3s!important;
}
.bonus-slider-modal .activation-button:hover,
.btn-primary:hover,
.login-panel .register-button:hover{
    background:linear-gradient(to right,#0099ff 0%,#780000 100%)!important;
    box-shadow:0 0 15px rgba(0,153,255,0.5)!important;
    transform:translateY(-2px)!important;
}

/* Game Cards Hover Glow */
.game-list .game-item:hover{
    border-color:#0099ff!important;
    box-shadow:0 0 20px rgba(0,153,255,0.3)!important;
}

/* Modal Blue Glow */
.modal-header{
    background:linear-gradient(to bottom,#780000 0%,#0099ff 100%);
    box-shadow:0 2px 10px rgba(0,153,255,0.3);
}

/* Input Focus Blue Glow */
.form-control:focus,
.login-panel input:focus{
    border-color:#0099ff!important;
    box-shadow:0 0 10px rgba(0,153,255,0.3)!important;
    outline:none!important;
}

/* Table Hover Blue */
.transactions-table.table tbody tr:hover{
    background-color:rgba(0,153,255,0.05)!important;
    box-shadow:inset 0 0 10px rgba(0,153,255,0.1);
}

/* Jackpot Blue Glow */
.jackpot-amount,
.home-progressive-jackpot{
    color:#0099ff!important;
    text-shadow:0 0 10px #0099ff,0 0 20px rgba(0,153,255,0.5)!important;
}

/* Links & Text Blue Override */
.contact-us-list li a:hover,
.footer-links>li>a:hover,
.site-info-container .footer-links li a:hover{
    color:#0099ff!important;
    text-shadow:0 0 8px rgba(0,153,255,0.4);
}

/* Promo Button Blue */
.promotion-item .click-for-get-promo-button{
    background:linear-gradient(to bottom right,#780000,#0099ff)!important;
}
.promotion-item .click-for-get-promo-button:hover{
    background:linear-gradient(to bottom right,#0099ff,#780000)!important;
    box-shadow:0 0 15px rgba(0,153,255,0.4)!important;
}

/* Scrollbar untuk elemen dalam */
.standard-reporting-scroll-container::-webkit-scrollbar,
.vendor-balances-container::-webkit-scrollbar{
    width:8px;
}
.standard-reporting-scroll-container::-webkit-scrollbar-thumb,
.vendor-balances-container::-webkit-scrollbar-thumb{
    background:#0099ff;
    border-radius:4px;
}

/* Reduced Motion */
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:0.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:0.01ms!important;
    }
    .reveal,.reveal-scale,.tp-accordion{
        opacity:1;
        transform:none;
    }
}