/* =============================== TUNA GOLD ORANGE CREAM THEME Tempel di PALING BAWAH CSS lama ================================ */
:root{
    --stm-bg:#FFFDF5;
    --stm-card:#FFF8E8;
    --stm-dark:#FFF3D0;
    --stm-crimson:#FFA500;
    --stm-maroon:#CC7700;
    --stm-wine:#996600;
    --stm-red:#FFA500;
    --stm-gold:#FFD700;
    --stm-white:#FFFFFF;
    --stm-text:#1A0E00;
    --stm-muted:#8B7340;
    --stm-glow-crimson:0 0 14px rgba(255,165,0,.5);
    --stm-glow-maroon:0 0 14px rgba(204,119,0,.5);
}

/* GLOBAL */
body{
    color:var(--stm-text);
    background: #FFFDF5;
}
h4,.sports-platform-title,.modal-title{
    color:var(--stm-text);
    text-shadow:none;
}
p,.site-info-container p,.bank-list p{
    color:var(--stm-muted);
}
a{
    color:var(--stm-crimson);
    transition:.22s ease;
}
a:hover,a:focus{
    color:var(--stm-maroon);
    text-decoration:none;
    text-shadow:var(--stm-glow-maroon);
}

/* HEADER / TOPBAR */
.topbar-container, .site-header{
    background:linear-gradient(90deg,#FFF8E8 0%,#FFFDF5 50%,#FFF8E8 100%);
    border-bottom:2px solid rgba(204,119,0,.5);
    box-shadow:0 2px 14px rgba(204,119,0,.18);
}
.top-menu>li>a{
    color:#1A0E00;
    font-weight:700;
    letter-spacing:.3px;
    transition:.22s ease;
}
.top-menu>li>a:hover, .top-menu>li[data-active="true"]>a{
    color:#fff;
    background:linear-gradient(135deg,#CC7700,#FFA500);
    text-shadow:none;
}

/* SIDE MENU */
.standard-side-menu, .standard-side-menu .menu-section, .messaging-side-menu{
    background:linear-gradient(180deg,#FFF8E8,#FFF3D0);
    border:1px solid rgba(204,119,0,.3);
    box-shadow:inset 0 0 18px rgba(204,119,0,.06);
}
.standard-side-menu a, .standard-side-menu-group-label{
    background:rgba(255,165,0,.04);
    color:#1A0E00;
    border-left:3px solid transparent;
    transition:.22s ease;
}
.standard-side-menu a[data-active="true"], .standard-side-menu a:hover, .standard-side-menu .menu-section a:hover, .standard-side-menu .menu-section a[data-active="true"], .messaging-side-menu [data-active="true"] a, .messaging-side-menu a:hover{
    background:linear-gradient(90deg,rgba(204,119,0,.2),rgba(255,165,0,.1));
    color:#1A0E00;
    border-color:var(--stm-maroon);
    box-shadow:inset 0 0 14px rgba(255,165,0,.12);
}

/* PANEL / CARD */
.panel, .panel-default>.panel-heading, .standard-form-container, .standard-form-content, .info-center-content, .popular-games .tab-pane, .promotions-container, .promotion-list, .slots-games-container, .casino-games-container, .race-games-container, .arcade-games-container, .crash-game-games-container, .large-game-list-container{
    background:#FFFFFF;
    border-color:rgba(204,119,0,.25);
    box-shadow:0 4px 18px rgba(204,119,0,.1);
}

/* TITLE BAR */
.info-center-title, .standard-form-title, .popular-games [data-section="left"] .section-title, .home-game-list-container .container-title span, .popular-game-title-container .container-title span{
    color:#fff;
    background:linear-gradient(135deg,var(--stm-maroon),var(--stm-wine),var(--stm-crimson));
    text-shadow:0 1px 4px rgba(0,0,0,.3);
    box-shadow:0 0 14px rgba(204,119,0,.3);
}

/* BUTTON UTAMA */
.standard-button-group .btn-primary, .messaging-side-menu .support-ticket>a, .deposit-container .reveal-bank-account-button, .play-now, .login-panel .register-button, .modal-footer .btn-primary, .download-apk .btn, .promotion-item .click-for-get-promo-button, [data-payment-gateway] .download-qr-button{
    color:#fff!important;
    border:0;
    background:linear-gradient(135deg,var(--stm-maroon) 0%,var(--stm-wine) 48%,var(--stm-crimson) 100%);
    box-shadow:0 0 16px rgba(204,119,0,.35), inset 0 0 10px rgba(255,255,255,.18);
    font-weight:800;
    letter-spacing:.4px;
    transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.standard-button-group .btn-primary:hover, .messaging-side-menu .support-ticket>a:hover, .deposit-container .reveal-bank-account-button:hover, .play-now:hover, .login-panel .register-button:hover, .modal-footer .btn-primary:hover, .download-apk .btn:hover, .promotion-item .click-for-get-promo-button:hover, [data-payment-gateway] .download-qr-button:hover{
    color:#fff!important;
    transform:translateY(-2px);
    filter:saturate(1.15);
    box-shadow:0 0 22px rgba(255,165,0,.6),0 0 18px rgba(204,119,0,.45);
}

/* BUTTON SECONDARY */
.free-play, .login-panel .login-button, .modal-btn.blank, .confirmation-message-modal .confirm-btn{
    color:#1A0E00;
    background:linear-gradient(135deg,#FFF3D0,#FFF8E8);
    border:1px solid rgba(204,119,0,.4);
    box-shadow:0 0 8px rgba(255,165,0,.12);
    transition:.22s ease;
}
.free-play:hover, .login-panel .login-button:hover, .modal-btn.blank:hover, .confirmation-message-modal .confirm-btn:hover{
    background:linear-gradient(135deg,#FFF8E8,#FFF3D0);
    color:var(--stm-crimson);
}

/* FORM INPUT */
.form-control, .mobile-app-container .mobile-app-select, .login-panel input[type=text], .login-panel input[type=password], .slots-games-container .filter-section input[type=text], .casino-games-container .filter-section input[type=text], .race-games-container .filter-section input[type=text]{
    background:#FFFFFF;
    color:#1A0E00;
    border:1px solid rgba(204,119,0,.35);
    box-shadow:inset 0 0 8px rgba(255,165,0,.06);
    transition:.22s ease;
}
.form-control:focus, .login-panel input[type=text]:focus, .login-panel input[type=password]:focus{
    border-color:var(--stm-maroon);
    box-shadow:0 0 0 2px rgba(204,119,0,.15),0 0 12px rgba(255,165,0,.2);
}

/* GAME LIST */
.game-list, .game-list-title, .provider-slide, .provider-slide>main>.slide-item>a:not(.game-info){
    background:#FFF8E8;
    border-color:rgba(204,119,0,.2);
}
.game-list .game-item, .large-game-list li, .large-game-list .game-provider-img{
    background: radial-gradient(circle at top,rgba(255,165,0,.08),transparent 45%), linear-gradient(180deg,#FFFFFF,#FFF8E8);
    border:1px solid rgba(204,119,0,.2);
    transition:transform .22s ease, box-shadow .22s ease;
}
.game-list .game-item:hover, .large-game-list li:hover{
    transform:translateY(-3px);
    box-shadow:0 0 18px rgba(255,165,0,.28),0 0 14px rgba(204,119,0,.18);
}
.game-list .game-name, .slots-games-container .game-name, .casino-games-container .game-name, .race-games-container .game-name{
    color:#fff;
    background:linear-gradient(90deg,var(--stm-maroon),var(--stm-wine));
    text-shadow:0 1px 3px rgba(0,0,0,.3);
}

/* CATEGORY ACTIVE */
.slots-games-container .category-filter-link.active, .slots-games-container .category-filter-link:hover, .casino-games-container .category-filter-link.active, .casino-games-container .category-filter-link:hover, .race-games-container .category-filter-link.active, .race-games-container .category-filter-link:hover, .arcade-games-container .category-filter-link.active, .arcade-games-container .category-filter-link:hover, .crash-game-games-container .category-filter-link.active, .crash-game-games-container .category-filter-link:hover{
    color:#fff;
    background:linear-gradient(135deg,var(--stm-crimson),var(--stm-wine),var(--stm-maroon));
    box-shadow:0 0 12px rgba(204,119,0,.35);
}

/* BANK / DEPOSIT */
.bank-info, .deposit-container .bank-info, .withdrawal-container .bank-info, .bank-info-block{
    background:linear-gradient(180deg,#FFF8E8,#FFFDF5);
    color:#1A0E00;
    border:1px solid rgba(204,119,0,.35);
    box-shadow:0 0 14px rgba(204,119,0,.1);
}
.deposit-container .standard-form-note a, .deposit-container .formatted-balance, .deposit-amount-container .real-deposit-amount, .deposit-amount-container .deposit-amount input.form-control, .withdrawal-container .total-balance{
    color:var(--stm-maroon);
    text-shadow:none;
}

/* MODAL */
.modal-content, .bonus-slider-modal .modal-content{
    background:linear-gradient(180deg,#FFFFFF,#FFF8E8);
    border:1px solid rgba(204,119,0,.3);
    box-shadow:0 0 28px rgba(204,119,0,.18);
}
.modal-header{
    border-bottom-color:rgba(204,119,0,.2);
}
.modal-content h4, .claim-info-modal h4, .download-popup-modal .modal-header .modal-title{
    color:var(--stm-maroon);
    text-shadow:none;
}

/* ANNOUNCEMENT / TICKER */
.announcement-container, .tickercontainer, .jackpot-winners .winners-ticker-container{
    background:linear-gradient(90deg,#FFF3D0,#FFF8E8,#FFF3D0);
    color:#1A0E00;
    border:1px solid rgba(204,119,0,.25);
    box-shadow:inset 0 0 12px rgba(255,165,0,.06);
}
.notice ul li, .announcement-container .announcement-list li{
    color:#1A0E00;
}

/* FOOTER */
.site-footer{
    background: radial-gradient(circle at bottom,rgba(255,165,0,.08),transparent 35%), #FFF3D0;
    border-top:2px solid rgba(204,119,0,.3);
}
.footer-links>li>a{
    color:#8B7340;
}
.footer-links>li>a:hover{
    color:var(--stm-crimson);
    text-shadow:var(--stm-glow-crimson);
}

/* USER INFO */
.user-info .user-main-info, .user-info .dropdown-menu{
    background:linear-gradient(180deg,#FFFFFF,#FFF8E8);
    border:1px solid rgba(204,119,0,.25);
    box-shadow:0 4px 18px rgba(204,119,0,.12);
}
.user-info .wallet-container .balance, .user-info .wallet-container .locked-balance, .standard-profile-bar .user-field div .username{
    color:var(--stm-maroon);
    text-shadow:none;
}

/* PROMO / CLAIM */
.claim-item, .pending-transactions-container .pending-transactions-item, .remarks-container{
    background:linear-gradient(180deg,#FFF8E8,#FFFDF5);
    color:#1A0E00;
    border-color:rgba(204,119,0,.3);
    box-shadow:0 0 10px rgba(204,119,0,.1);
}
.claim-item .claim-button, .claim-item .activation-button, .claim-item .cancellation-button, .claim-item .expiration-button{
    background:linear-gradient(135deg,var(--stm-maroon),var(--stm-crimson));
    color:#fff;
}

/* LIGHT ANIMATION */
@keyframes stmSoftPulse{
    0%,100%{box-shadow:0 0 10px rgba(255,165,0,.15)}
    50%{box-shadow:0 0 20px rgba(204,119,0,.28)}
}
@keyframes stmNeonMove{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.home-game-list-container .container-content, .popular-game-title-container .container-content, .slot-jackpot-container, .jackpot-winners{
    animation:stmSoftPulse 3.8s ease-in-out infinite;
}

/* Smooth neon gradient movement khusus tombol penting */
.play-now, .login-panel .register-button, .standard-button-group .btn-primary{
    background-size:180% 180%;
    animation:stmNeonMove 4s ease infinite;
}

/* MOBILE FRIENDLY */
@media(max-width:768px){
    .top-menu>li>a{
        font-size:12px;
    }
    .standard-side-menu a, .game-list .game-name{
        font-size:12px;
    }
    .home-game-list-container .container-content, .popular-game-title-container .container-content{
        animation:none;
    }
}

/* Reduce motion biar tetap ringan */
@media(prefers-reduced-motion:reduce){
    *{
        animation:none!important;
        transition:none!important;
    }
}