/* ================================================
   DUGEMSLOT - Override Pink & Purple Theme
   Cara pakai: tambahkan di index.html SETELAH 
   semua link css yang ada, sebelum </head>
   
   <link href="Content/override-pink-purple.css" rel="stylesheet" />
   ================================================ */

/* === BODY BACKGROUND === */
body {
    background-color: #130818 !important;
}

/* === TOPBAR (bar paling atas) === */
.topbar-container {
    background: linear-gradient(to right, #1a0828, #2d1040, #1a0828) !important;
    border-bottom: 1px solid #6b2f8a !important;
}
.topbar-left-section .topbar-item .live-chat {
    background-color: #6b2f8a !important;
    color: #fff !important;
}
.topbar-left-section .topbar-item .live-chat:hover {
    background: linear-gradient(to bottom, #e8a0c8, #8b2f72) !important;
    color: #fff !important;
}

/* === SITE HEADER / NAVBAR (logo + menu) === */
.site-header {
    background: linear-gradient(to bottom, #1e0832, #140520) !important;
    border-bottom: 3px solid #8b2f72 !important;
    border-color: #8b2f72 !important;
}

/* === MENU TAB (HOT GAMES, SLOTS, dll) === */
.scrtabs-tab-container {
    background: #220a38 !important;
    background: linear-gradient(to bottom, #2d1050 0%, #4a1870 46%, #2d1050 100%) !important;
}
.top-menu > li > a {
    color: #e0b8e8 !important;
}
.top-menu > li > a:hover,
.top-menu > li[data-active="true"] > a {
    color: #fff !important;
    background-image: radial-gradient(circle at top center, rgba(200, 100, 220, 0.3) 0, rgba(255,255,255,0) 100%) !important;
}

/* === GAME DROPDOWN MENU === */
.top-menu .game-list {
    background-color: rgba(30, 8, 50, 0.95) !important;
    border-top-color: #8b2f72 !important;
    border-bottom-color: #8b2f72 !important;
}
.top-menu .game-list > li > a .background {
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(139, 47, 114, 0.6) 100%) !important;
    border-color: #c47aaa !important;
}

/* === SITE FOOTER === */
.site-footer {
    background: #0e0618 !important;
    border-top-color: #6b2f8a !important;
}

/* === BOTTOM BORDER HOME INFO === */
.home-info-container, .telegram-banner-container {
    background: #0e0618 !important;
    border-bottom-color: #6b2f8a !important;
}

/* === SCROLLBAR === */
::-webkit-scrollbar-track {
    background: #1a0828 !important;
}
::-webkit-scrollbar-thumb {
    background: #8b2f72 !important;
    border-radius: 5px !important;
}

/* === LANGUAGE SELECTOR === */
.topbar-left-section .language-selector {
    background-color: #1e0832 !important;
}
.topbar-left-section .language-selector li {
    border-bottom: 1px solid #4d1a6a !important;
}

/* === USER MAIN INFO (wallet area) === */
.user-info .user-main-info {
    background: #1e0832 !important;
}

/* === STANDARD SIDE MENU === */
.standard-side-menu, .standard-side-menu .menu-section {
    background-color: #130818 !important;
}
.standard-side-menu-group-label, .standard-side-menu a {
    background-color: #220a38 !important;
}

/* === BANNER BACKGROUND === */
.banner, .banner .slick-slide img {
    background: #130818 !important;
}