/* =============================== JANGENAM ORANGE WHITE THEME Tempel di PALING BAWAH CSS lama ================================ */
:root{
    --stm-bg:#FFFFFF;
    --stm-card:#FFFFFF;
    --stm-dark:#FFF3E0;
    --stm-crimson:#FF8C00;
    --stm-maroon:#E65C00;
    --stm-wine:#CC4400;
    --stm-red:#FF6600;
    --stm-gold:#FF8C00;
    --stm-white:#FFFFFF;
    --stm-text:#000000;
    --stm-muted:#555555;
    --stm-glow-crimson:0 0 14px rgba(255,140,0,.4);
    --stm-glow-maroon:0 0 14px rgba(230,92,0,.4);
}

/* GLOBAL */
body{
    color:#000000;
    background:#FFFFFF;
}
h4,.sports-platform-title,.modal-title{
    color:#000000;
    text-shadow:none;
}
p,.site-info-container p,.bank-list p{
    color:#555555;
}
a{
    color:#E65C00;
    transition:.22s ease;
}
a:hover,a:focus{
    color:#CC4400;
    text-decoration:none;
}

/* HEADER / TOPBAR */
.topbar-container, .site-header{
    background:linear-gradient(90deg,#E65C00 0%,#FF8C00 50%,#E65C00 100%);
    border-bottom:2px solid #CC4400;
    box-shadow:0 3px 16px rgba(230,92,0,.3);
}
.top-menu>li>a{
    color:#FFFFFF;
    font-weight:700;
    letter-spacing:.3px;
    transition:.22s ease;
}
.top-menu>li>a:hover, .top-menu>li[data-active="true"]>a{
    color:#FFFFFF;
    background:rgba(0,0,0,.15);
    text-shadow:none;
}

/* SIDE MENU */
.standard-side-menu, .standard-side-menu .menu-section, .messaging-side-menu{
    background:#FFF3E0;
    border:1px solid rgba(230,92,0,.25);
    box-shadow:none;
}
.standard-side-menu a, .standard-side-menu-group-label{
    background:transparent;
    color:#000000;
    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:rgba(255,140,0,.12);
    color:#000000;
    border-color:#FF8C00;
    box-shadow:none;
}

/* 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(230,92,0,.2);
    box-shadow:0 4px 16px rgba(230,92,0,.08);
}

/* 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:#FFFFFF;
    background:linear-gradient(135deg,#CC4400,#E65C00,#FF8C00);
    text-shadow:none;
    box-shadow:0 0 12px rgba(230,92,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:#FFFFFF!important;
    border:0;
    background:linear-gradient(135deg,#CC4400 0%,#E65C00 48%,#FF8C00 100%);
    box-shadow:0 4px 14px rgba(230,92,0,.4);
    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:#FFFFFF!important;
    transform:translateY(-2px);
    filter:saturate(1.15);
    box-shadow:0 6px 20px rgba(230,92,0,.55);
}

/* BUTTON SECONDARY */
.free-play, .login-panel .login-button, .modal-btn.blank, .confirmation-message-modal .confirm-btn{
    color:#E65C00;
    background:#FFFFFF;
    border:2px solid #FF8C00;
    box-shadow:none;
    transition:.22s ease;
}
.free-play:hover, .login-panel .login-button:hover, .modal-btn.blank:hover, .confirmation-message-modal .confirm-btn:hover{
    background:#FFF3E0;
    color:#CC4400;
}

/* 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:#000000;
    border:1px solid rgba(230,92,0,.35);
    box-shadow:none;
    transition:.22s ease;
}
.form-control:focus, .login-panel input[type=text]:focus, .login-panel input[type=password]:focus{
    border-color:#FF8C00;
    box-shadow:0 0 0 3px rgba(255,140,0,.15);
}

/* GAME LIST */
.game-list, .game-list-title, .provider-slide, .provider-slide>main>.slide-item>a:not(.game-info){
    background:#FFF3E0;
    border-color:rgba(230,92,0,.15);
}
.game-list .game-item, .large-game-list li, .large-game-list .game-provider-img{
    background:#FFFFFF;
    border:1px solid rgba(230,92,0,.15);
    transition:transform .22s ease, box-shadow .22s ease;
}
.game-list .game-item:hover, .large-game-list li:hover{
    transform:translateY(-3px);
    box-shadow:0 6px 20px rgba(230,92,0,.2);
}
.game-list .game-name, .slots-games-container .game-name, .casino-games-container .game-name, .race-games-container .game-name{
    color:#FFFFFF;
    background:linear-gradient(90deg,#CC4400,#FF8C00);
    text-shadow:none;
}

/* 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:#FFFFFF;
    background:linear-gradient(135deg,#FF8C00,#CC4400);
    box-shadow:0 4px 12px rgba(230,92,0,.35);
}

/* BANK / DEPOSIT */
.bank-info, .deposit-container .bank-info, .withdrawal-container .bank-info, .bank-info-block{
    background:#FFF3E0;
    color:#000000;
    border:1px solid rgba(230,92,0,.3);
    box-shadow:none;
}
.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:#E65C00;
    text-shadow:none;
}

/* MODAL */
.modal-content, .bonus-slider-modal .modal-content{
    background:#FFFFFF;
    border:1px solid rgba(230,92,0,.25);
    box-shadow:0 8px 32px rgba(230,92,0,.15);
}
.modal-header{
    border-bottom-color:rgba(230,92,0,.2);
}
.modal-content h4, .claim-info-modal h4, .download-popup-modal .modal-header .modal-title{
    color:#E65C00;
    text-shadow:none;
}

/* ANNOUNCEMENT / TICKER */
.announcement-container, .tickercontainer, .jackpot-winners .winners-ticker-container{
    background:#FFF3E0;
    color:#000000;
    border:1px solid rgba(230,92,0,.2);
    box-shadow:none;
}
.notice ul li, .announcement-container .announcement-list li{
    color:#000000;
}

/* FOOTER */
.site-footer{
    background:#FFF3E0;
    border-top:2px solid rgba(230,92,0,.25);
}
.footer-links>li>a{
    color:#555555;
}
.footer-links>li>a:hover{
    color:#E65C00;
}

/* USER INFO */
.user-info .user-main-info, .user-info .dropdown-menu{
    background:#FFFFFF;
    border:1px solid rgba(230,92,0,.2);
    box-shadow:0 4px 16px rgba(230,92,0,.1);
}
.user-info .wallet-container .balance, .user-info .wallet-container .locked-balance, .standard-profile-bar .user-field div .username{
    color:#E65C00;
    text-shadow:none;
}

/* PROMO / CLAIM */
.claim-item, .pending-transactions-container .pending-transactions-item, .remarks-container{
    background:#FFFFFF;
    color:#000000;
    border-color:rgba(230,92,0,.2);
    box-shadow:0 2px 10px rgba(230,92,0,.07);
}
.claim-item .claim-button, .claim-item .activation-button, .claim-item .cancellation-button, .claim-item .expiration-button{
    background:linear-gradient(135deg,#E65C00,#FF8C00);
    color:#FFFFFF;
}

/* ANIMATION */
@keyframes stmSoftPulse{
    0%,100%{box-shadow:0 0 8px rgba(230,92,0,.12)}
    50%{box-shadow:0 0 18px rgba(230,92,0,.25)}
}
@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;
}
.play-now, .login-panel .register-button, .standard-button-group .btn-primary{
    background-size:180% 180%;
    animation:stmNeonMove 4s ease infinite;
}

/* MOBILE */
@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}
}
@media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
}
