/* ========================================= ROOT VARIABLE (GLOBAL) ========================================= */ body.theme-dark-gold { --main-color: #C8A951; --color: var(--main-color); /* gold utama */ --bg: #0a0a0a; --theme: #050816; --secondary-color: rgb(234, 234, 234); --main-color-haf: #8C7530cc; /* gold gelap transparan */ --orange: #FF9900; --lg: linear-gradient(var(--main-color), #8C7530); --lgr: linear-gradient(90deg, #8C7530, var(--main-color)); --black: #000; --white: #FFF; } /************************************************* * TEMA DARK GOLD (MODEL BOSPLAY) * Berlaku kalau *************************************************/ body.theme-dark-gold { /* Warna utama brand */ --main-color: #C8A951; --main-color-haf: #8C7530cc; /* Background utama – gelap tapi masih “hidup” */ --bg: radial-gradient(circle at top, #3b2c10, #050816 65%); --theme: #050816; --secondary-color: #111827; /* Accent */ --orange: #fbbf24; --lg: linear-gradient(180deg, #C8A951, #8C7530); --lgr: linear-gradient(90deg, #8C7530, #C8A951); /* Neutral dibalik untuk dark mode */ --white: #f9fafb; --black: #000000; } /* background global */ body.theme-dark-gold, body.theme-dark-gold load { background: var(--bg); color: var(--white); } /* teks umum */ body.theme-dark-gold, body.theme-dark-gold p, body.theme-dark-gold span, body.theme-dark-gold li, body.theme-dark-gold a { color: var(--white); } body.theme-dark-gold a:hover { color: var(--orange); } /* HEADER / FOOTER / NAVBAR */ body.theme-dark-gold header, body.theme-dark-gold .header, body.theme-dark-gold .topbar, body.theme-dark-gold .navbar, body.theme-dark-gold footer, body.theme-dark-gold .footer { background: #050816 !important; color: var(--white); } /* ============================ BOX KANAN: LOGIN + MIN DEPOSIT ============================ */ body.theme-dark-gold .sider { background: #050816 !important; border: 1px solid rgba(248, 250, 252, 0.14) !important; border-radius: 16px; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.85); } /* tulisan MINIMAL DEPOSIT/WITHDRAW */ body.theme-dark-gold .info-cont li span { color: #e5e7eb; } body.theme-dark-gold .info-cont li b { color: #facc15; font-weight: 700; } /* tombol Setoran / Penarikan */ body.theme-dark-gold .info-cont .btn, body.theme-dark-gold .info-logout .btn { background: var(--lg) !important; border: 1px solid #C8A951 !important; color: #fff !important; box-shadow: 0 0 14px rgba(200, 169, 81, .5); } /* ============================ TABS PROVIDER: SEMUA / CQ9 / ... ============================ */ body.theme-dark-gold .subcategory { background-color: #050816 !important; border-radius: 14px; padding: 10px 8px; } /* semua tab (non-aktif) */ body.theme-dark-gold .subcategory li a { width: 120px; background-color: #020617 !important; color: #e5e7eb !important; border-radius: 999px; border: 1px solid rgba(248, 250, 252, 0.16); box-shadow: 0 6px 18px rgba(0, 0, 0, .7); font-weight: 500; } /* tab aktif “SEMUA / CQ9” */ body.theme-dark-gold .subcategory li.active a { background-image: var(--lg) !important; color: #fff !important; border-color: #eab308 !important; box-shadow: 0 0 18px rgba(234, 179, 8, .75); } /* ============================ GRID GAME CARD ============================ */ body.theme-dark-gold .game_page .item, body.theme-dark-gold .game_page .game-item-card { background: #050816 !important; border-radius: 14px; box-shadow: 0 12px 30px rgba(0, 0, 0, .9); } /* nama provider di bawah gambar */ body.theme-dark-gold .game_page .game-name, body.theme-dark-gold .game_page .provider-name { color: #e5e7eb !important; } /* ============================ SERVICE BOX (wk-svc3) ============================ */ body.theme-dark-gold .wk-svc3 { --card: #020617; --track: #111827; --text: #f9fafb; --muted: #9ca3af; --gold1: #ffe3b6; --gold2: #f59e0b; --fill1: #facc6b; --fill2: #d97706; } body.theme-dark-gold .wk-svc3 .box { box-shadow: 0 12px 30px rgba(0, 0, 0, .85); } /* ============================ TRANSAKSI LANGSUNG (Dw list) ============================ */ body.theme-dark-gold .transaction-main { background: #020617; } body.theme-dark-gold .transaction-cont ul { background: transparent; } body.theme-dark-gold .transaction-cont ul li { color: #e5e7eb; } /* ============================ METODE PEMBAYARAN ============================ */ body.theme-dark-gold .paymethod-wrap { background: radial-gradient(circle at top, #3b2c10, #050816); border-radius: 20px; box-shadow: 0 12px 32px rgba(0,0,0,.85); color: #e5e7eb !important; } body.theme-dark-gold .pay-title, body.theme-dark-gold .pay-subtitle { color: #fbbf24 !important; } body.theme-dark-gold .pay-card { background: #020617 !important; border: 1px solid rgba(248, 250, 252, 0.12) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, .9); } /* box tiap bank */ body.theme-dark-gold .paymethod-wrap .bank-box, body.theme-dark-gold .paymethod-wrap .bank-item { background: #050816 !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,.06) !important; box-shadow: 0 8px 22px rgba(0,0,0,.8); } body.theme-dark-gold .paymethod-wrap img { filter: brightness(1.25) drop-shadow(0 0 4px rgba(0,0,0,.7)) !important; max-height: 30px; } body.theme-dark-gold .paymethod-wrap .bank-box:hover, body.theme-dark-gold .paymethod-wrap .pay-card:hover, body.theme-dark-gold .paymethod-wrap .bank-item:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.9); border-color: rgba(248,250,252,.18) !important; transition: all .18s ease-in-out; } /* ============================ PLATFORM TERSEDIA ============================ */ body.theme-dark-gold .pfl-card { background: #050816 !important; border-radius: 20px; border: 1px solid rgba(250, 204, 21, .55); box-shadow: 0 18px 45px rgba(0, 0, 0, .95); } body.theme-dark-gold .pfl-heading { color: #fbbf24 !important; } body.theme-dark-gold .pfl-card-title { color: #e5e7eb !important; } body.theme-dark-gold .pfl-logo-list li { background: #020617 !important; border-radius: 16px; border: 1px solid rgba(148, 163, 184, .25); } /* ============================ FORM & INPUT ============================ */ body.theme-dark-gold input, body.theme-dark-gold select, body.theme-dark-gold textarea { background: #020617 !important; border: 1px solid #334155 !important; color: #e5e7eb !important; } body.theme-dark-gold input::placeholder, body.theme-dark-gold textarea::placeholder { color: #64748b !important; } /* GARIS / HR */ body.theme-dark-gold hr, body.theme-dark-gold .divider, body.theme-dark-gold .border-top, body.theme-dark-gold .border-bottom { border-color: rgba(148, 163, 184, .45) !important; } /* ========================================= RUNNING TEXT DI BAWAH HEADER ========================================= */ body.theme-dark-gold .running-text, body.theme-dark-gold .rt-wrap, body.theme-dark-gold .marquee-wrap { background: #050816 !important; color: #facc15 !important; } body.theme-dark-gold .running-text *, body.theme-dark-gold .rt-wrap *, body.theme-dark-gold .marquee-wrap * { color: #facc15 !important; text-shadow: 0 0 6px rgba(0, 0, 0, .8); } /* ========================================= NAVBAR BAWAH (BERANDA / LOGIN / LIVE CHAT) ========================================= */ body.theme-dark-gold .bottom-nav, body.theme-dark-gold .bottom-menu, body.theme-dark-gold .menu-bottom, body.theme-dark-gold .mobile-nav, body.theme-dark-gold .mobile-menu, body.theme-dark-gold .nav-mobile, body.theme-dark-gold .nav-footer { background: #020617 !important; border-top: 1px solid rgba(148, 163, 184, .35); box-shadow: 0 -10px 30px rgba(0, 0, 0, .9); } body.theme-dark-gold .bottom-nav a, body.theme-dark-gold .bottom-menu a, body.theme-dark-gold .menu-bottom a, body.theme-dark-gold .mobile-nav a, body.theme-dark-gold .mobile-menu a, body.theme-dark-gold .nav-mobile a, body.theme-dark-gold .nav-footer a { color: #e5e7eb !important; } body.theme-dark-gold .bottom-nav a.active, body.theme-dark-gold .bottom-menu a.active, body.theme-dark-gold .menu-bottom a.active, body.theme-dark-gold .mobile-nav a.active, body.theme-dark-gold .mobile-menu a.active, body.theme-dark-gold .nav-mobile a.active, body.theme-dark-gold .nav-footer a.active { color: #facc15 !important; } /* icon di navbar bawah */ body.theme-dark-gold .bottom-nav i, body.theme-dark-gold .bottom-menu i, body.theme-dark-gold .menu-bottom i, body.theme-dark-gold .mobile-nav i, body.theme-dark-gold .mobile-menu i, body.theme-dark-gold .nav-mobile i, body.theme-dark-gold .nav-footer i { color: #e5e7eb !important; } /* ========================================= UNIVERSAL DARK MODE FIX – MATIKAN BOX PUTIH ========================================= */ body.theme-dark-gold .bg-white, body.theme-dark-gold .bg-light, body.theme-dark-gold .bg-body, body.theme-dark-gold .white-box, body.theme-dark-gold .panel-white { background-color: #050816 !important; color: #f9fafb !important; } body.theme-dark-gold [style*="background:#fff"], body.theme-dark-gold [style*="background: #fff"], body.theme-dark-gold [style*="background-color:#fff"], body.theme-dark-gold [style*="background-color: #fff"], body.theme-dark-gold [style*="background:#ffffff"], body.theme-dark-gold [style*="background: #ffffff"], body.theme-dark-gold [style*="background-color:#ffffff"], body.theme-dark-gold [style*="background-color: #ffffff"] { background-color: #050816 !important; color: #f9fafb !important; } body.theme-dark-gold [style*="rgba(255,255,255"], body.theme-dark-gold [style*="rgba(255, 255, 255"] { background: rgba(5, 8, 22, 0.82) !important; color: #f9fafb !important; } /* RUNNING TEXT GENERIC */ body.theme-dark-gold [class*="running"], body.theme-dark-gold [class*="marquee"], body.theme-dark-gold [class*="ticker"] { background: #050816 !important; color: #facc15 !important; } body.theme-dark-gold [class*="running"] *, body.theme-dark-gold [class*="marquee"] *, body.theme-dark-gold [class*="ticker"] * { color: #facc15 !important; text-shadow: 0 0 6px rgba(0, 0, 0, .8); } /* NAVBAR BAWAH GENERIC */ body.theme-dark-gold [class*="bottom-nav"], body.theme-dark-gold [class*="nav-bottom"], body.theme-dark-gold [class*="menu-bottom"], body.theme-dark-gold [class*="bottom-menu"], body.theme-dark-gold [class*="mobile-bottom"] { background: #020617 !important; border-top: 1px solid rgba(148, 163, 184, .5); box-shadow: 0 -10px 30px rgba(0, 0, 0, .9); color: #e5e7eb !important; } body.theme-dark-gold [class*="bottom-nav"] a, body.theme-dark-gold [class*="nav-bottom"] a, body.theme-dark-gold [class*="menu-bottom"] a, body.theme-dark-gold [class*="bottom-menu"] a, body.theme-dark-gold [class*="mobile-bottom"] a { color: #e5e7eb !important; } body.theme-dark-gold [class*="bottom-nav"] a.active, body.theme-dark-gold [class*="nav-bottom"] a.active, body.theme-dark-gold [class*="menu-bottom"] a.active, body.theme-dark-gold [class*="bottom-menu"] a.active, body.theme-dark-gold [class*="mobile-bottom"] a.active { color: #facc15 !important; } body.theme-dark-gold [class*="bottom-nav"] i, body.theme-dark-gold [class*="nav-bottom"] i, body.theme-dark-gold [class*="menu-bottom"] i, body.theme-dark-gold [class*="bottom-menu"] i, body.theme-dark-gold [class*="mobile-bottom"] i { color: #e5e7eb !important; } /* SECTION "PLATFORM PENYEDIA" GENERIC */ body.theme-dark-gold [class*="platform-penyedia"], body.theme-dark-gold [class*="platform_penyedia"], body.theme-dark-gold [class*="platform-provider"], body.theme-dark-gold [class*="provider-platform"] { background: #050816 !important; color: #e5e7eb !important; } body.theme-dark-gold [class*="platform-penyedia"] h1, body.theme-dark-gold [class*="platform-penyedia"] h2, body.theme-dark-gold [class*="platform-penyedia"] h3, body.theme-dark-gold [class*="platform-provider"] h1, body.theme-dark-gold [class*="platform-provider"] h2, body.theme-dark-gold [class*="platform-provider"] h3 { color: #fbbf24 !important; } /* ========================================= FIX RUNNING TEXT (notice) ========================================= */ notice { background-color: #050816 !important; height: 30px; } notice marquee, notice marquee a { color: #facc15 !important; text-shadow: 0 0 6px rgba(0, 0, 0, .9); } notice .ico { color: #facc15 !important; } /* ========================================= NAVBAR BAWAH (TAG

) ========================================= */ nav::before, nav::after { background-color: #020617 !important; } nav ul { background-color: #020617 !important; background-image: none !important; } nav li a, nav li span, nav li i { color: #e5e7eb !important; } nav li a.active span, nav li a.active i { color: #facc15 !important; } /* ========================================= BANNER TARUHAN SEPAK BOLA ========================================= */ .soccer .swiper { background-image: none !important; background-color: #050816 !important; } .soccer .swiper-slide { background-color: rgba(5, 8, 22, 0.85) !important; } .soccer .swiper h3 { color: #fbbf24 !important; } /* ========================================= PLATFORM ENGINE ========================================= */ .platform-engine { background: transparent !important; color: #f9fafb !important; } .platform-engine h3 { color: #fbbf24 !important; } /* GOOGLE LOGIN BUTTON */ .g_id_signin, .g_id_signin * { color: #202124 !important; text-shadow: none !important; font-weight: 600; } /* ========================================= OVERRIDE: SEMUA TOMBOL MERAH -> EMAS ========================================= */ body.theme-dark-gold .btn-danger, body.theme-dark-gold .btn-primary, body.theme-dark-gold .btn-login, body.theme-dark-gold .btn-register, body.theme-dark-gold button[type="submit"], body.theme-dark-gold .modal .btn { background: var(--lg) !important; /* gradasi gold */ border-color: #C8A951 !important; /* garis gold */ color: #fff !important; box-shadow: 0 0 16px rgba(200,169,81,.55); } /* tombol merah khusus sport banner yg tadi masih pakai border #ff0606 */ body.theme-dark-gold .sport-banner .btn, body.theme-dark-gold .sports-banner .btn, body.theme-dark-gold .soccer-banner .btn { background: var(--lg) !important; border-color: #C8A951 !important; color: #fff !important; box-shadow: 0 0 16px rgba(200,169,81,.55); } /* ========================================= ICON KATEGORI (SLOTS, CASINO, DLL) KOTAK -> RING EMAS BULAT Target: ========================================= */ /* list kategori tetap 4 per baris */ #game-section { display: flex !important; flex-wrap: wrap !important; margin: 8px 0 !important; padding: 0 !important; list-style: none !important; justify-content: center !important; } /* 4 icon per baris (2 baris kalau 8 item) */ #game-section > .game-item { width: 25% !important; /* kalau mau 3 per baris => 33.333% */ padding: 6px 4px !important; box-sizing: border-box !important; text-align: center !important; } /* hilangkan kotak emas di link */ #game-section > .game-item > a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-decoration: none !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; min-height: auto !important; padding: 0 !important; } /* ICON RING EMAS – BESAR & CUMA CINCIN */ #game-section > .game-item > a img { width: 82px !important; /* lebih besar, kalau kebesaran turunin ke 76–80 */ height: 82px !important; border-radius: 50% !important; /* tengah gelap, bukan emas */ background-color: #050816 !important; /* ring emas seperti cincin */ border: 3px solid #d4af37 !important; /* gold */ box-shadow: 0 0 10px rgba(0,0,0,.8), 0 0 16px rgba(212,175,55,.6) !important; padding: 4px !important; /* tebal ring */ object-fit: contain !important; display: block !important; } /* SUSUNAN ICON KATEGORI: RING ATAS, TEKS BAWAH */ #game-section.classify li.game-item a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-decoration: none !important; } /* NAMA KATEGORI: SLOTS / CASINO / TOGEL DLL DI BAWAH RING */ #game-section.classify li.game-item a span { display: block !important; position: static !important; margin-top: 6px !important; /* batalin trik sembunyi teks kalau ada */ opacity: 1 !important; visibility: visible !important; text-indent: 0 !important; height: auto !important; overflow: visible !important; background: none !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; color: #facc15 !important; /* gold */ text-shadow: 0 0 5px rgba(0,0,0,.9); text-align: center !important; white-space: nowrap !important; } /* ========================================= SEMUA TOMBOL SOLID -> GOLD ========================================= */ body.theme-dark-gold .btn:not(.btn-outline-light):not(.btn-outline-secondary), body.theme-dark-gold button[type="submit"], body.theme-dark-gold .modal-footer .btn:not(.btn-outline-light):not(.btn-outline-secondary), body.theme-dark-gold .sport-banner .btn, body.theme-dark-gold .sports-banner .btn, body.theme-dark-gold .soccer-banner .btn { background: var(--lg) !important; /* gradasi gold */ border-color: #C8A951 !important; /* garis gold */ color: #fff !important; box-shadow: 0 0 16px rgba(200,169,81,.55); } /* ============================ FIX TEKS TRANSAKSI SIARAN ============================ */ /* container utama transaksi */ body.theme-dark-gold .transaction-main, body.theme-dark-gold .transaction-cont { background: #020617 !important; color: #e5e7eb !important; } /* setiap baris di list transaksi */ body.theme-dark-gold .transaction-cont ul li, body.theme-dark-gold .transaction-cont ul li * { color: #e5e7eb !important; /* abu terang */ } /* jika ada class khusus untuk nama / id */ body.theme-dark-gold .transaction-cont .trx-name, body.theme-dark-gold .transaction-cont .trx-user, body.theme-dark-gold .transaction-cont .trx-id { color: #facc15 !important; /* boleh kuning emas biar beda */ font-weight: 600; }