/* ========================================= ROOT VARIABLE (GLOBAL) – TEMA HIJAU ========================================= */ body.theme-dark-hijau { --main-color: #006400; --color: var(--main-color); /* hijau utama */ --bg: #020617; --theme: #006400; --secondary-color: rgb(234, 234, 234); --main-color-haf: #006400cc; /* hijau transparan */ --orange: #006400; /* accent hijau juga */ --lg: linear-gradient(180deg, #00a000, #006400); --lgr: linear-gradient(90deg, #006400, #00a000); --black: #000; --white: #FFF; } /************************************************* * TEMA DARK HIJAU * Berlaku kalau *************************************************/ body.theme-dark-hijau { --main-color: #006400; --main-color-haf: #006400cc; --bg: radial-gradient(circle at top, #02110f, #020617 65%); --theme: #006400; --secondary-color: #041009; --orange: #006400; --lg: linear-gradient(180deg, #00a000, #006400); --lgr: linear-gradient(90deg, #006400, #00a000); --white: #f9fafb; --black: #000000; } /* background global */ body.theme-dark-hijau, body.theme-dark-hijau load { background: var(--bg); color: var(--white); } /* teks umum */ body.theme-dark-hijau, body.theme-dark-hijau p, body.theme-dark-hijau span, body.theme-dark-hijau li, body.theme-dark-hijau a { color: var(--white); } body.theme-dark-hijau a:hover { color: var(--orange); } /* ========================================= NAVBAR ATAS (LOGO, MENU) ========================================= */ body.theme-dark-hijau header, body.theme-dark-hijau .header, body.theme-dark-hijau .topbar, body.theme-dark-hijau .navbar, body.theme-dark-hijau nav.navbar { background: #020617 !important; border-bottom: 1px solid rgba(0,100,0,.7) !important; box-shadow: 0 10px 25px rgba(0,0,0,.8) !important; color: #e5e7eb !important; } /* teks / icon / logo */ body.theme-dark-hijau header a, body.theme-dark-hijau header span, body.theme-dark-hijau header i, body.theme-dark-hijau .navbar a, body.theme-dark-hijau .navbar span, body.theme-dark-hijau .navbar i { color: #e5e7eb !important; } body.theme-dark-hijau .navbar a.active, body.theme-dark-hijau .navbar a.active span, body.theme-dark-hijau .navbar a.active i { color: #00a000 !important; } /* FOOTER */ body.theme-dark-hijau footer, body.theme-dark-hijau .footer { background: #020617 !important; color: var(--white); } /* ============================ BOX KANAN: LOGIN + MIN DEPOSIT ============================ */ body.theme-dark-hijau .sider { background: #020617 !important; border: 1px solid rgba(148,163,184,0.5) !important; border-radius: 16px; box-shadow: 0 14px 40px rgba(0,0,0,0.85); } /* tulisan MINIMAL DEPOSIT/WITHDRAW */ body.theme-dark-hijau .info-cont li span { color: #e5e7eb; } body.theme-dark-hijau .info-cont li b { color: #00a000; font-weight: 700; } /* tombol Setoran / Penarikan */ body.theme-dark-hijau .info-cont .btn, body.theme-dark-hijau .info-logout .btn { background: var(--lg) !important; border: 1px solid var(--main-color) !important; color: #fff !important; box-shadow: 0 0 14px rgba(0,100,0,.6); } /* ============================ TABS PROVIDER: SEMUA / CQ9 / ... ============================ */ body.theme-dark-hijau .subcategory { background-color: #020617 !important; border-radius: 14px; padding: 10px 8px; } /* semua tab (non-aktif) */ body.theme-dark-hijau .subcategory li a { width: 120px; background-color: #020617 !important; color: #e5e7eb !important; border-radius: 999px; border: 1px solid rgba(148,163,184,0.35); box-shadow: 0 6px 18px rgba(0,0,0,.7); font-weight: 500; } /* tab aktif “SEMUA / CQ9” */ body.theme-dark-hijau .subcategory li.active a { background-image: var(--lg) !important; color: #fff !important; border-color: #00a000 !important; box-shadow: 0 0 18px rgba(0,100,0,.8); } /* ============================ GRID GAME CARD ============================ */ body.theme-dark-hijau .game_page .item, body.theme-dark-hijau .game_page .game-item-card { background: #020617 !important; border-radius: 14px; box-shadow: 0 12px 30px rgba(0,0,0,.9); } /* nama provider di bawah gambar */ body.theme-dark-hijau .game_page .game-name, body.theme-dark-hijau .game_page .provider-name { color: #e5e7eb !important; } /* ============================ SERVICE BOX (wk-svc3) ============================ */ body.theme-dark-hijau .wk-svc3 { --card: #020617; --track: #0f172a; --text: #f9fafb; --muted: #9ca3af; --gold1: #9fefb0; --gold2: #006400; --fill1: #00a000; --fill2: #006400; } body.theme-dark-hijau .wk-svc3 .box { box-shadow: 0 12px 30px rgba(0,0,0,.85); } /* judul / teks utama box service */ body.theme-dark-hijau .wk-svc3 h3, body.theme-dark-hijau .wk-svc3 .title, body.theme-dark-hijau .wk-svc3 .svc-title { color: #00a000 !important; } /* ============================ TRANSAKSI LANGSUNG (Dw list) ============================ */ body.theme-dark-hijau .transaction-main { background: #020617; } body.theme-dark-hijau .transaction-cont, body.theme-dark-hijau .transaction-cont ul { background: transparent; } body.theme-dark-hijau .transaction-cont ul li, body.theme-dark-hijau .transaction-cont ul li * { color: #e5e7eb !important; } body.theme-dark-hijau .transaction-cont .trx-name, body.theme-dark-hijau .transaction-cont .trx-user, body.theme-dark-hijau .transaction-cont .trx-id { color: #00a000 !important; font-weight: 600; } /* ============================ METODE PEMBAYARAN ============================ */ body.theme-dark-hijau .paymethod-wrap { background: radial-gradient(circle at top, #02110f, #020617); border-radius: 20px; box-shadow: 0 12px 32px rgba(0,0,0,.85); color: #e5e7eb !important; } body.theme-dark-hijau .pay-title, body.theme-dark-hijau .pay-subtitle { color: #00a000 !important; } body.theme-dark-hijau .pay-card { background: #020617 !important; border: 1px solid rgba(148,163,184,0.35) !important; box-shadow: 0 10px 28px rgba(0,0,0,.9); } /* box tiap bank */ body.theme-dark-hijau .paymethod-wrap .bank-box, body.theme-dark-hijau .paymethod-wrap .bank-item { background: #020617 !important; border-radius: 16px !important; border: 1px solid rgba(148,163,184,.35) !important; box-shadow: 0 8px 22px rgba(0,0,0,.8); } body.theme-dark-hijau .paymethod-wrap img { filter: brightness(1.25) drop-shadow(0 0 4px rgba(0,0,0,.7)) !important; max-height: 30px; } body.theme-dark-hijau .paymethod-wrap .bank-box:hover, body.theme-dark-hijau .paymethod-wrap .pay-card:hover, body.theme-dark-hijau .paymethod-wrap .bank-item:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.9); border-color: rgba(159,239,176,.8) !important; transition: all .18s ease-in-out; } /* ============================ PLATFORM TERSEDIA / PENYEDIA ============================ */ body.theme-dark-hijau .pfl-card { background: #020617 !important; border-radius: 20px; border: 1px solid rgba(0,100,0,.7); box-shadow: 0 18px 45px rgba(0,0,0,.95); } body.theme-dark-hijau .pfl-heading, body.theme-dark-hijau .pfl-card-title { color: #00a000 !important; } body.theme-dark-hijau .pfl-logo-list li { background: #020617 !important; border-radius: 16px; border: 1px solid rgba(148,163,184,.25); } /* SECTION PLATFORM PENYEDIA (class name bervariasi) */ body.theme-dark-hijau [class*="platform-penyedia"], body.theme-dark-hijau [class*="platform_penyedia"], body.theme-dark-hijau [class*="platform-provider"], body.theme-dark-hijau [class*="provider-platform"] { background: #020617 !important; color: #00a000 !important; } body.theme-dark-hijau [class*="platform-penyedia"] h1, body.theme-dark-hijau [class*="platform-penyedia"] h2, body.theme-dark-hijau [class*="platform-penyedia"] h3, body.theme-dark-hijau [class*="platform-provider"] h1, body.theme-dark-hijau [class*="platform-provider"] h2, body.theme-dark-hijau [class*="platform-provider"] h3 { color: #00a000 !important; } /* ============================ FORM & INPUT ============================ */ body.theme-dark-hijau input, body.theme-dark-hijau select, body.theme-dark-hijau textarea { background: #020617 !important; border: 1px solid #334155 !important; color: #e5e7eb !important; } body.theme-dark-hijau input::placeholder, body.theme-dark-hijau textarea::placeholder { color: #64748b !important; } /* GARIS / HR */ body.theme-dark-hijau hr, body.theme-dark-hijau .divider, body.theme-dark-hijau .border-top, body.theme-dark-hijau .border-bottom { border-color: rgba(148,163,184,.45) !important; } /* ========================================= RUNNING TEXT / TICKER ========================================= */ body.theme-dark-hijau .running-text, body.theme-dark-hijau .rt-wrap, body.theme-dark-hijau .marquee-wrap, body.theme-dark-hijau [class*="running"], body.theme-dark-hijau [class*="marquee"], body.theme-dark-hijau [class*="ticker"] { background: #020617 !important; color: #020617 !important; } body.theme-dark-hijau .running-text *, body.theme-dark-hijau .rt-wrap *, body.theme-dark-hijau .marquee-wrap *, body.theme-dark-hijau [class*="running"] *, body.theme-dark-hijau [class*="marquee"] *, body.theme-dark-hijau [class*="ticker"] * { color: #020617 !important; text-shadow: 0 0 6px rgba(0,0,0,.8); } /* ========================================= PLATFORM ENGINE ========================================= */ body.theme-dark-hijau .platform-engine { background: transparent !important; color: #f9fafb !important; } body.theme-dark-hijau .platform-engine h3 { color: #00a000 !important; } /* GOOGLE LOGIN BUTTON (biarkan default Google) */ .g_id_signin, .g_id_signin * { color: #202124 !important; text-shadow: none !important; font-weight: 600; } /* ========================================= SEMUA TOMBOL SOLID -> HIJAU ========================================= */ body.theme-dark-hijau .btn:not(.btn-outline-light):not(.btn-outline-secondary), body.theme-dark-hijau button[type="submit"], body.theme-dark-hijau .modal-footer .btn:not(.btn-outline-light):not(.btn-outline-secondary), body.theme-dark-hijau .sport-banner .btn, body.theme-dark-hijau .sports-banner .btn, body.theme-dark-hijau .soccer-banner .btn, body.theme-dark-hijau .btn-danger, body.theme-dark-hijau .btn-primary, body.theme-dark-hijau .btn-login, body.theme-dark-hijau .btn-register, body.theme-dark-hijau .modal .btn { background: var(--lg) !important; border-color: #00a000 !important; color: #e5e7eb !important; box-shadow: 0 0 16px rgba(0,100,0,.55); } /* ========================================= HUBUNGI KAMI – HIJAU (LEBIH TERANG) ========================================= */ body.theme-dark-hijau .hubungi-kami.theme-blend .hubungi-title .dot { background: radial-gradient(circle at 30% 20%, #00a000, #00a000); color: #022c22; box-shadow: 0 0 18px rgba(0,100,0,.8); } /* judul HUBUNGI KAMI */ body.theme-dark-hijau .hubungi-kami.theme-blend .hubungi-title h3, body.theme-dark-hijau .hubungi-kami.theme-blend .hubungi-title span { color: #00a000 !important; /* hijau muda terang */ text-shadow: 0 0 8px rgba(0,0,0,.9); /* glow biar makin kebaca */ font-weight: 700; } /* kotak ikon sosmed */ body.theme-dark-hijau .hubungi-kami.theme-blend .sns-item a { background: linear-gradient(145deg,#020617,#020617) padding-box, linear-gradient(180deg,#00a000,#00a000) border-box; border-radius: 18px; border: 1px solid transparent; box-shadow: 0 10px 26px rgba(0,0,0,.85); } /* ========================================= ICON KATEGORI (SLOTS, CASINO, DLL) ========================================= */ #game-section { display: flex !important; flex-wrap: wrap !important; margin: 8px 0 !important; padding: 0 !important; list-style: none !important; justify-content: center !important; } #game-section > .game-item { width: 25% !important; padding: 6px 4px !important; box-sizing: border-box !important; text-align: center !important; } #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 HIJAU */ #game-section > .game-item > a img { width: 82px !important; height: 82px !important; border-radius: 50% !important; background-color: #020617 !important; padding: 4px !important; object-fit: contain !important; display: block !important; } body.theme-dark-hijau #game-section > .game-item > a img { border: 3px solid #00a000 !important; box-shadow: 0 0 10px rgba(0,0,0,.8), 0 0 16px rgba(0,100,0,.6) !important; } /* nama kategori */ #game-section.classify li.game-item a span { margin-top: 6px !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; text-align: center !important; white-space: nowrap !important; text-shadow: 0 0 5px rgba(0,0,0,.9); } body.theme-dark-hijau #game-section.classify li.game-item a span, body.theme-dark-hijau .game_page .provider-name, body.theme-dark-hijau .game_page .game-name { color: #00a000 !important; } /* ========================================= PLATFORM / CARD PROVIDER – TEMA HIJAU ========================================= */ /* WRAPPER BESAR (section platform / card provider) */ body.theme-dark-hijau .platform-engine, body.theme-dark-hijau .platform-penyedia, body.theme-dark-hijau .platform-provider, body.theme-dark-hijau .provider-wrap, body.theme-dark-hijau .provider-box { background: radial-gradient(circle at 0% 0%, #02110f, #020617) !important; border-radius: 24px !important; border: 1px solid rgba(0, 100, 0, .8) !important; box-shadow: 0 18px 40px rgba(0,0,0,.9) !important; color: #e5e7eb !important; } /* judul di wrapper (PLATFORM TERSEDIA / PENYEDIA) */ body.theme-dark-hijau .platform-engine h3, body.theme-dark-hijau .platform-penyedia h1, body.theme-dark-hijau .platform-penyedia h2, body.theme-dark-hijau .platform-penyedia h3, body.theme-dark-hijau .platform-provider h1, body.theme-dark-hijau .platform-provider h2, body.theme-dark-hijau .platform-provider h3, body.theme-dark-hijau .pfl-heading { color: #00a000 !important; /* hijau terang */ text-shadow: 0 0 8px rgba(0,0,0,.9); letter-spacing: .15em; text-transform: uppercase; } /* CARD PROVIDER UTAMA */ body.theme-dark-hijau .pfl-card { border-radius: 22px !important; border: 1px solid transparent !important; background: linear-gradient(#020617,#020617) padding-box, linear-gradient(135deg,#00a000,#00a000) border-box !important; box-shadow: 0 18px 45px rgba(0,0,0,.95) !important; color: #e5e7eb !important; } /* title di dalam card */ body.theme-dark-hijau .pfl-card-title { color: #00a000 !important; text-shadow: 0 0 8px rgba(0,0,0,.9); } /* CARD KECIL LOGO PROVIDER */ body.theme-dark-hijau .pfl-logo-list li { background: #020617 !important; border-radius: 16px !important; border: 1px solid rgba(0,100,0,.7) !important; box-shadow: 0 8px 22px rgba(0,0,0,.85) !important; } /* teks kecil di dalam list provider kalau ada */ body.theme-dark-hijau .pfl-logo-list li * { color: #e5e7eb !important; } /* FIX RUNNING TEXT BIAR KEBACA (THEME HIJAU) */ body.theme-dark-hijau .running-text, body.theme-dark-hijau .rt-wrap, body.theme-dark-hijau .marquee-wrap, body.theme-dark-hijau .ticker, body.theme-dark-hijau [class*="running"], body.theme-dark-hijau [class*="marquee"], body.theme-dark-hijau [class*="ticker"]{ background: linear-gradient(90deg,#0f7a2a,#22c55e,#0f7a2a) !important; color: #ffffff !important; } body.theme-dark-hijau .running-text *, body.theme-dark-hijau .rt-wrap *, body.theme-dark-hijau .marquee-wrap *, body.theme-dark-hijau .ticker *, body.theme-dark-hijau [class*="running"] *, body.theme-dark-hijau [class*="marquee"] *, body.theme-dark-hijau [class*="ticker"] *{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; /* penting utk beberapa template */ text-shadow: 0 1px 4px rgba(0,0,0,.85) !important; font-weight: 700 !important; } /* kalau ada link */ body.theme-dark-hijau .running-text a, body.theme-dark-hijau [class*="ticker"] a{ color: #ffffff !important; text-decoration: underline !important; } /* ================================ RUNNING TEXT FIX TOTAL (HIJAU) ================================ */ /* pastikan area ticker tampil & gak kepotong */ body.theme-dark-hijau .running-text, body.theme-dark-hijau .rt-wrap, body.theme-dark-hijau .marquee-wrap, body.theme-dark-hijau .ticker, body.theme-dark-hijau [class*="running"], body.theme-dark-hijau [class*="marquee"], body.theme-dark-hijau [class*="ticker"]{ position: relative !important; z-index: 9999 !important; overflow: visible !important; height: auto !important; min-height: 34px !important; line-height: 34px !important; padding: 0 12px !important; background: linear-gradient(90deg,#0f7a2a,#22c55e,#0f7a2a) !important; opacity: 1 !important; visibility: visible !important; } /* matikan layer penutup (sering bikin teks ketutup) */ body.theme-dark-hijau .running-text::before, body.theme-dark-hijau .running-text::after, body.theme-dark-hijau .rt-wrap::before, body.theme-dark-hijau .rt-wrap::after, body.theme-dark-hijau .marquee-wrap::before, body.theme-dark-hijau .marquee-wrap::after, body.theme-dark-hijau .ticker::before, body.theme-dark-hijau .ticker::after{ content: none !important; display: none !important; } /* paksa semua teks jadi putih & kelihatan */ body.theme-dark-hijau .running-text, body.theme-dark-hijau .running-text * , body.theme-dark-hijau .rt-wrap, body.theme-dark-hijau .rt-wrap * , body.theme-dark-hijau .marquee-wrap, body.theme-dark-hijau .marquee-wrap * , body.theme-dark-hijau .ticker, body.theme-dark-hijau .ticker * , body.theme-dark-hijau marquee, body.theme-dark-hijau marquee * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; font-weight: 700 !important; text-shadow: 0 2px 6px rgba(0,0,0,.9) !important; mix-blend-mode: normal !important; } /* kalau teksnya ada di span/p khusus */ body.theme-dark-hijau .running-text span, body.theme-dark-hijau .running-text p{ display: inline !important; font-size: 14px !important; }