/* =========================================================
   CLEAN BLACK + CREAM + SOFT YELLOW THEME
   TANPA BIRU / UNGU
   Tempel paling bawah CSS lama
========================================================= */

:root{
--bg-main:#0d0d0d;
--bg-soft:#171717;
--bg-card:#1e1e1e;
--bg-light:#252525;

--cream:#f3ead9;
--cream-soft:#dfd1bb;
--cream-dark:#c7b08a;

--yellow:#d4b06a;
--yellow-soft:#e6c98d;
--yellow-dark:#a88443;

--text:#f5efe5;
--text-soft:#d2c3aa;
--text-muted:#9d907d;

--border:#3a3125;
}

/* ================= GLOBAL ================= */

body{
background:
linear-gradient(180deg,#050505 0%,#111111 50%,#181818 100%)!important;
color:var(--text)!important;
}

p,
span,
small,
.site-description p,
.site-info-container p{
color:var(--text-muted)!important;
}

a{
color:var(--yellow-soft)!important;
transition:.2s ease;
}

a:hover,
a:focus{
color:#fff4d6!important;
text-decoration:none!important;
}

/* ================= MAIN AREA ================= */

.site-header,
.topbar-container,
.home-info-container,
.telegram-banner-container,
.site-footer,
.info-center,
.standard-form-content,
.standard-side-menu,
.standard-side-menu .menu-section,
.tab-content-container,
[data-container-background]{
background:
linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 50%,#111111 100%)!important;
border-color:var(--border)!important;
box-shadow:
0 0 20px rgba(0,0,0,.45),
inset 0 0 10px rgba(255,255,255,.02)!important;
}

/* ================= CARD / PANEL ================= */

.banner,
.promotions-container,
.promotion-list,
.slots-games-container,
.casino-games-container,
.race-games-container,
.arcade-games-container,
.crash-game-games-container,
.sports-container,
.large-game-list-container,
.standard-form-container,
.modal-content,
.claim-container,
.bank-info,
.panel,
.provider-slide,
.game-list .game-item,
.standard-content-info,
.standard-content-info .standard-content-block{
background:
linear-gradient(145deg,#141414 0%,#1e1e1e 55%,#121212 100%)!important;
border:1px solid #2d251a!important;
box-shadow:
0 4px 18px rgba(0,0,0,.4),
inset 0 0 10px rgba(255,255,255,.02)!important;
}

/* ================= TITLE ================= */

h1,h2,h3,h4,h5,h6,
.modal-title,
.standard-form-title,
.sports-platform-title{
color:var(--yellow-soft)!important;
text-shadow:none!important;
}

/* ================= BUTTON ================= */

.login-panel .register-button,
.play-now,
.standard-button-group .btn-primary,
.messaging-side-menu .support-ticket>a,
.deposit-container .reveal-bank-account-button,
.modal-footer .btn-primary,
.promotion-item .click-for-get-promo-button,
.download-apk .btn,
[data-payment-gateway] .download-qr-button,
.claim-item .claim-button{
background:
linear-gradient(180deg,#e6c98d 0%,#c49b56 100%)!important;
color:#111!important;
border:none!important;
box-shadow:
0 2px 12px rgba(212,176,106,.25)!important;
}

.login-panel .register-button:hover,
.play-now:hover,
.standard-button-group .btn-primary:hover,
.messaging-side-menu .support-ticket>a:hover,
.deposit-container .reveal-bank-account-button:hover,
.modal-footer .btn-primary:hover,
.promotion-item .click-for-get-promo-button:hover,
.download-apk .btn:hover,
[data-payment-gateway] .download-qr-button:hover,
.claim-item .claim-button:hover{
background:
linear-gradient(180deg,#f2ddb0 0%,#d4b06a 100%)!important;
color:#000!important;
}

/* ================= SECONDARY BUTTON ================= */

.free-play,
.modal-btn.blank,
.confirmation-message-modal .confirm-btn{
background:
linear-gradient(180deg,#222222 0%,#2d2d2d 100%)!important;
color:var(--cream)!important;
border:1px solid #3a3a3a!important;
}

/* ================= INPUT ================= */

.form-control,
.mobile-app-container .mobile-app-select,
.login-panel input[type=text],
.login-panel input[type=password],
textarea,
select{
background:#101010!important;
color:var(--cream)!important;
border:1px solid #4a3c28!important;
box-shadow:none!important;
}

.form-control:focus,
.login-panel input[type=text]:focus,
.login-panel input[type=password]:focus{
border-color:var(--yellow)!important;
box-shadow:
0 0 0 2px rgba(212,176,106,.18)!important;
}

/* ================= MENU ACTIVE ================= */

.top-menu>li>a,
.standard-side-menu a,
.category-filter-link,
.top-tab-container a{
color:var(--cream-soft)!important;
}

.top-menu>li>a:hover,
.top-menu>li[data-active="true"]>a,
.standard-side-menu a[data-active="true"],
.standard-side-menu a:hover,
.category-filter-link.active,
.category-filter-link:hover,
.top-tab-container a[data-active="true"],
.top-tab-container a:hover{
background:
linear-gradient(90deg,#2d2418 0%,#4a3820 100%)!important;
color:#fff7e7!important;
box-shadow:
inset 3px 0 0 var(--yellow)!important;
}

/* ================= TABLE ================= */

.table,
.table .table{
background:#171717!important;
color:var(--cream)!important;
border-color:#2f2f2f!important;
}

/* ================= USER PANEL ================= */

.user-info,
.standard-profile-bar,
.bank-info-block{
background:#1a1a1a!important;
color:var(--cream)!important;
border-color:#3d3120!important;
}

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

.footer-links>li>a,
.footer-section-title{
color:var(--text-muted)!important;
}

.footer-links>li>a:hover{
color:var(--yellow-soft)!important;
}

/* ================= JACKPOT / BANNER ================= */

.jackpot-winners,
.banner{
background:
linear-gradient(180deg,#0c0c0c 0%,#1c1812 50%,#0c0c0c 100%)!important;
}

/* ================= REMOVE PURPLE / BLUE ================= */

*{
text-shadow:none!important;
}

.jackpot-winners:before,
.banner:before{
display:none!important;
}

.claim-item,
.bank-info-block,
.standard-profile-bar,
.home-game-list-container .container-content,
.popular-game-title-container .container-content,
.remarks-container,
.payment-maintenance-container{
animation:none!important;
border-color:#4b3b22!important;
}

/* ================= GOLD ACCENT ================= */

.game-list .game-name,
.home-game-list-container .container-title span,
.popular-game-title-container .container-title span{
background:#b8924d!important;
color:#fff8ec!important;
}

/* ================= SCROLLBAR ================= */

::-webkit-scrollbar{
width:10px;
height:10px;
}

::-webkit-scrollbar-track{
background:#111!important;
}

::-webkit-scrollbar-thumb{
background:#7a6138!important;
border-radius:10px;
}

::-webkit-scrollbar-thumb:hover{
background:#b8924d!important;
}