/* =========================================
   ROOT VARIABLE (GLOBAL) – TEMA UNGU
   ========================================= */
/* =========================================
   ROOT VARIABLE (GLOBAL) – TEMA UNGU
   ========================================= */
body.theme-dark-ungu {
  --main-color: #8b5cf6;
  --color: var(--main-color);
  --bg: #020617;
  --theme: #261148; /* ungu gelap tapi masih kelihatan ungu */
  --secondary-color: rgb(234, 234, 234);
  --main-color-haf: #5b21b6cc;
  --orange: #e879f9;
  --lg: linear-gradient(180deg, #e879f9, #5b21b6);
  --lgr: linear-gradient(90deg, #5b21b6, #e879f9);
  --black: #000;
  --white: #FFF;
}

body.theme-dark-ungu {
  --main-color: #8b5cf6;
  --main-color-haf: #5b21b6cc;

  /* background global */
  --bg: radial-gradient(circle at top, #261148, #020617 65%);
  --theme: #261148;      /* << ini yang dipakai NAVBAR & FOOTER */
  --secondary-color: #111827;

  --orange: #e879f9;
  --lg: linear-gradient(180deg, #e879f9, #5b21b6);
  --lgr: linear-gradient(90deg, #5b21b6, #e879f9);

  --white: #f9fafb;
  --black: #000000;
}

/* background global */
body.theme-dark-ungu,
body.theme-dark-ungu load {
  background: var(--bg);
  color: var(--white);
}

/* teks umum */
body.theme-dark-ungu,
body.theme-dark-ungu p,
body.theme-dark-ungu span,
body.theme-dark-ungu li,
body.theme-dark-ungu a {
  color: var(--white);
}

body.theme-dark-ungu a:hover {
  color: var(--orange);
}

/* =========================================
   NAVBAR ATAS (LOGO, MENU) – IKUT VAR(--THEME)
   ========================================= */
body.theme-dark-ungu header,
body.theme-dark-ungu .header,
body.theme-dark-ungu .topbar,
body.theme-dark-ungu .navbar,
body.theme-dark-ungu nav.navbar {
  background: var(--theme) !important; /* sekarang ngikut ungu */
  border-bottom: 1px solid rgba(139,92,246,.7) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.8) !important;
  color: #e5e7eb !important;
}

/* teks / icon / logo */
body.theme-dark-ungu header a,
body.theme-dark-ungu header span,
body.theme-dark-ungu header i,
body.theme-dark-ungu .navbar a,
body.theme-dark-ungu .navbar span,
body.theme-dark-ungu .navbar i {
  color: #e5e7eb !important;
}

body.theme-dark-ungu .navbar a.active,
body.theme-dark-ungu .navbar a.active span,
body.theme-dark-ungu .navbar a.active i {
  color: #e879f9 !important;
}

/* FOOTER */
body.theme-dark-ungu footer,
body.theme-dark-ungu .footer {
  background: var(--theme) !important; /* ikut ungu juga */
  color: var(--white);
}

/* ============================
   BOX KANAN: LOGIN + MIN DEPOSIT
   ============================ */

body.theme-dark-ungu .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-ungu .info-cont li span {
  color: #e5e7eb;
}

body.theme-dark-ungu .info-cont li b {
  color: #e879f9;
  font-weight: 700;
}

/* tombol Setoran / Penarikan */
body.theme-dark-ungu .info-cont .btn,
body.theme-dark-ungu .info-logout .btn {
  background: var(--lg) !important;
  border: 1px solid var(--main-color) !important;
  color: #fff !important;
  box-shadow: 0 0 14px rgba(91,33,182,.6);
}

/* ============================
   TABS PROVIDER: SEMUA / CQ9 / ...
   ============================ */

body.theme-dark-ungu .subcategory {
  background-color: #020617 !important;
  border-radius: 14px;
  padding: 10px 8px;
}

/* semua tab (non-aktif) */
body.theme-dark-ungu .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 */
body.theme-dark-ungu .subcategory li.active a {
  background-image: var(--lg) !important;
  color: #fff !important;
  border-color: #e879f9 !important;
  box-shadow: 0 0 18px rgba(232,121,249,.75);
}

/* ============================
   GRID GAME CARD
   ============================ */

body.theme-dark-ungu .game_page .item,
body.theme-dark-ungu .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-ungu .game_page .game-name,
body.theme-dark-ungu .game_page .provider-name {
  color: #e5e7eb !important;
}

/* ============================
   SERVICE BOX (wk-svc3)
   ============================ */

body.theme-dark-ungu .wk-svc3 {
  --card: #020617;
  --track: #0f172a;
  --text: #f9fafb;
  --muted: #9ca3af;
  --gold1: #ddd6fe;
  --gold2: #8b5cf6;
  --fill1: #e879f9;
  --fill2: #5b21b6;
}

body.theme-dark-ungu .wk-svc3 .box {
  box-shadow: 0 12px 30px rgba(0,0,0,.85);
}

/* judul / teks utama box service */
body.theme-dark-ungu .wk-svc3 h3,
body.theme-dark-ungu .wk-svc3 .title,
body.theme-dark-ungu .wk-svc3 .svc-title {
  color: #e879f9 !important;
}

/* ============================
   TRANSAKSI LANGSUNG (Dw list)
   ============================ */

body.theme-dark-ungu .transaction-main {
  background: #020617;
}

body.theme-dark-ungu .transaction-cont,
body.theme-dark-ungu .transaction-cont ul {
  background: transparent;
}

body.theme-dark-ungu .transaction-cont ul li,
body.theme-dark-ungu .transaction-cont ul li * {
  color: #e5e7eb !important;
}

body.theme-dark-ungu .transaction-cont .trx-name,
body.theme-dark-ungu .transaction-cont .trx-user,
body.theme-dark-ungu .transaction-cont .trx-id {
  color: #e879f9 !important;
  font-weight: 600;
}

/* ============================
   METODE PEMBAYARAN
   ============================ */

body.theme-dark-ungu .paymethod-wrap {
  background: radial-gradient(circle at top, #0b1220, #020617);
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(0,0,0,.85);
  color: #e5e7eb !important;
}

body.theme-dark-ungu .pay-title,
body.theme-dark-ungu .pay-subtitle {
  color: #e879f9 !important;
}

body.theme-dark-ungu .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-ungu .paymethod-wrap .bank-box,
body.theme-dark-ungu .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-ungu .paymethod-wrap img {
  filter: brightness(1.25) drop-shadow(0 0 4px rgba(0,0,0,.7)) !important;
  max-height: 30px;
}

body.theme-dark-ungu .paymethod-wrap .bank-box:hover,
body.theme-dark-ungu .paymethod-wrap .pay-card:hover,
body.theme-dark-ungu .paymethod-wrap .bank-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0,0,0,.9);
  border-color: rgba(221,214,254,.9) !important;
  transition: all .18s ease-in-out;
}

/* ============================
   PLATFORM TERSEDIA / PENYEDIA
   ============================ */

body.theme-dark-red .pfl-card {
  background: #050816 !important;
  border-radius: 20px;
  border: none; /* <-- emas hilang */
  box-shadow: 0 18px 45px rgba(0, 0, 0, .95);
}

body.theme-dark-ungu .pfl-heading,
body.theme-dark-ungu .pfl-card-title {
  color: #e9d5ff !important;
}

body.theme-dark-ungu .pfl-logo-list li {
  background: #020617 !important;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.25);
}

/* SECTION PLATFORM PENYEDIA */
body.theme-dark-ungu [class*="platform-penyedia"],
body.theme-dark-ungu [class*="platform_penyedia"],
body.theme-dark-ungu [class*="platform-provider"],
body.theme-dark-ungu [class*="provider-platform"] {
  background: #020617 !important;
  color: #e9d5ff !important;
}

body.theme-dark-ungu [class*="platform-penyedia"] h1,
body.theme-dark-ungu [class*="platform-penyedia"] h2,
body.theme-dark-ungu [class*="platform-penyedia"] h3,
body.theme-dark-ungu [class*="platform-provider"] h1,
body.theme-dark-ungu [class*="platform-provider"] h2,
body.theme-dark-ungu [class*="platform-provider"] h3 {
  color: #e9d5ff !important;
}

/* ============================
   FORM & INPUT
   ============================ */

body.theme-dark-ungu input,
body.theme-dark-ungu select,
body.theme-dark-ungu textarea {
  background: #020617 !important;
  border: 1px solid #334155 !important;
  color: #e5e7eb !important;
}

body.theme-dark-ungu input::placeholder,
body.theme-dark-ungu textarea::placeholder {
  color: #64748b !important;
}

/* GARIS / HR */
body.theme-dark-ungu hr,
body.theme-dark-ungu .divider,
body.theme-dark-ungu .border-top,
body.theme-dark-ungu .border-bottom {
  border-color: rgba(148,163,184,.45) !important;
}

/* =========================================
   RUNNING TEXT / TICKER
   ========================================= */
body.theme-dark-ungu .running-text,
body.theme-dark-ungu .rt-wrap,
body.theme-dark-ungu .marquee-wrap,
body.theme-dark-ungu [class*="running"],
body.theme-dark-ungu [class*="marquee"],
body.theme-dark-ungu [class*="ticker"] {
  background: #020617 !important;
  color: #e879f9 !important;
}

body.theme-dark-ungu .running-text *,
body.theme-dark-ungu .rt-wrap *,
body.theme-dark-ungu .marquee-wrap *,
body.theme-dark-ungu [class*="running"] *,
body.theme-dark-ungu [class*="marquee"] *,
body.theme-dark-ungu [class*="ticker"] * {
  color: #e879f9 !important;
  text-shadow: 0 0 6px rgba(0,0,0,.8);
}

/* =========================================
   BANNER TARUHAN SEPAK BOLA
   ========================================= */
body.theme-dark-ungu .soccer .swiper {
  background-image: none !important;
  background-color: #020617 !important;
}

body.theme-dark-ungu .soccer .swiper-slide {
  background-color: rgba(15,23,42,0.85) !important;
}

body.theme-dark-ungu .soccer .swiper h3,
body.theme-dark-ungu .soccer-banner h3,
body.theme-dark-ungu .sports-banner h3 {
  color: #e879f9 !important;
}

/* =========================================
   PLATFORM ENGINE
   ========================================= */
body.theme-dark-ungu .platform-engine {
  background: transparent !important;
  color: #f9fafb !important;
}

body.theme-dark-ungu .platform-engine h3 {
  color: #e879f9 !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 -> UNGU
   ========================================= */
body.theme-dark-ungu .btn:not(.btn-outline-light):not(.btn-outline-secondary),
body.theme-dark-ungu button[type="submit"],
body.theme-dark-ungu .modal-footer .btn:not(.btn-outline-light):not(.btn-outline-secondary),
body.theme-dark-ungu .sport-banner .btn,
body.theme-dark-ungu .sports-banner .btn,
body.theme-dark-ungu .soccer-banner .btn,
body.theme-dark-ungu .btn-danger,
body.theme-dark-ungu .btn-primary,
body.theme-dark-ungu .btn-login,
body.theme-dark-ungu .btn-register,
body.theme-dark-ungu .modal .btn {
  background: var(--lg) !important;
  border-color: #8b5cf6 !important;
  color: #e5e7eb !important;
  box-shadow: 0 0 16px rgba(91,33,182,.55);
}

/* =========================================
   HUBUNGI KAMI – UNGU
   ========================================= */
body.theme-dark-ungu .hubungi-kami.theme-blend .hubungi-title .dot {
  background: radial-gradient(circle at 30% 20%, #e879f9, #5b21b6);
  color: #1f1029;
  box-shadow: 0 0 18px rgba(139,92,246,.9);
}

/* judul HUBUNGI KAMI */
body.theme-dark-ungu .hubungi-kami.theme-blend .hubungi-title h3,
body.theme-dark-ungu .hubungi-kami.theme-blend .hubungi-title span {
  color: #f5d0fe !important;
  text-shadow: 0 0 8px rgba(0,0,0,.9);
  font-weight: 700;
}

/* kotak ikon sosmed */
body.theme-dark-ungu .hubungi-kami.theme-blend .sns-item a {
  background:
    linear-gradient(145deg,#020617,#020617) padding-box,
    linear-gradient(180deg,#e879f9,#5b21b6) 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 UNGU */
#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-ungu #game-section > .game-item > a img {
  border: 3px solid #8b5cf6 !important;
  box-shadow:
    0 0 10px rgba(0,0,0,.8),
    0 0 16px rgba(91,33,182,.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-ungu #game-section.classify li.game-item a span,
body.theme-dark-ungu .game_page .provider-name,
body.theme-dark-ungu .game_page .game-name {
  color: #e879f9 !important;
}
/* =========================================
   FORCE UNGU: RUNNING TEXT / TICKER
   ========================================= */

body.theme-dark-ungu .running-text,
body.theme-dark-ungu .rt-wrap,
body.theme-dark-ungu .marquee-wrap,
body.theme-dark-ungu [class*="running"],
body.theme-dark-ungu [class*="marquee"],
body.theme-dark-ungu [class*="ticker"],
body.theme-dark-ungu notice {
  background: #020617 !important;
  color: #e879f9 !important;
}

body.theme-dark-ungu .running-text *,
body.theme-dark-ungu .rt-wrap *,
body.theme-dark-ungu .marquee-wrap *,
body.theme-dark-ungu [class*="running"] *,
body.theme-dark-ungu [class*="marquee"] *,
body.theme-dark-ungu [class*="ticker"] *,
body.theme-dark-ungu notice marquee,
body.theme-dark-ungu notice marquee a,
body.theme-dark-ungu notice .ico {
  color: #e879f9 !important;
  text-shadow: 0 0 6px rgba(0,0,0,.9);
}

/* =========================================
   FORCE UNGU: WRAPPER PLATFORM / ENGINE
   ========================================= */

/* WRAPPER BESAR (section platform / card provider) */
body.theme-dark-ungu .platform-engine,
body.theme-dark-ungu .platform-penyedia,
body.theme-dark-ungu .platform-provider,
body.theme-dark-ungu .provider-wrap,
body.theme-dark-ungu .provider-box {
  background:
    radial-gradient(circle at 0% 0%, #0b1220, #020617) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(139,92,246,.85) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.9) !important;
  color: #e5e7eb !important;
}

/* judul di wrapper (PLATFORM TERSEDIA / PENYEDIA) */
body.theme-dark-ungu .platform-engine h3,
body.theme-dark-ungu .platform-penyedia h1,
body.theme-dark-ungu .platform-penyedia h2,
body.theme-dark-ungu .platform-penyedia h3,
body.theme-dark-ungu .platform-provider h1,
body.theme-dark-ungu .platform-provider h2,
body.theme-dark-ungu .platform-provider h3,
body.theme-dark-ungu .pfl-heading {
  color: #e879f9 !important;  /* ungu muda terang */
  text-shadow: 0 0 8px rgba(0,0,0,.9);
  letter-spacing: .15em;
  text-transform: uppercase;
}

/* =========================================
   FORCE UNGU: CARD PROVIDER
   ========================================= */

/* card utama */
body.theme-dark-ungu .pfl-card {
  border-radius: 22px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(#020617,#020617) padding-box,
    linear-gradient(135deg,#e879f9,#5b21b6) border-box !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.95) !important;
  color: #e5e7eb !important;
}

/* title dalam card */
body.theme-dark-ungu .pfl-card-title {
  color: #e879f9 !important;
  text-shadow: 0 0 8px rgba(0,0,0,.9);
}

/* card kecil logo provider */
body.theme-dark-ungu .pfl-logo-list li {
  background: #020617 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(139,92,246,.7) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.85) !important;
}

/* teks di dalam list provider */
body.theme-dark-ungu .pfl-logo-list li * {
  color: #e5e7eb !important;
}

body.theme-dark-ungu .platform-engine,
body.theme-dark-ungu .platform-penyedia,
body.theme-dark-ungu .platform-provider,
body.theme-dark-ungu .provider-wrap,
body.theme-dark-ungu .provider-box {
    border: 1px solid #8b5cf6 !important;
    border-radius: 24px !important;
}

/* =========================================
   FINAL OVERRIDE NAVBAR & FOOTER UNGU
   (PAKSA NGIKUT TEMA UNGU)
   ========================================= */

/* NAVBAR ATAS (LOGO, MENU) */
body.theme-dark-ungu header,
body.theme-dark-ungu .header,
body.theme-dark-ungu .topbar,
body.theme-dark-ungu .navbar,
body.theme-dark-ungu nav,
body.theme-dark-ungu nav.navbar {
  background: var(--theme) !important;       /* ungu gelap */
  background-image: none !important;
  color: var(--white) !important;
  border-bottom: 1px solid rgba(139,92,246,.7) !important;
}

/* teks / icon di nav */
body.theme-dark-ungu header a,
body.theme-dark-ungu header span,
body.theme-dark-ungu header i,
body.theme-dark-ungu .navbar a,
body.theme-dark-ungu .navbar span,
body.theme-dark-ungu .navbar i {
  color: var(--white) !important;
}

/* menu aktif = accent ungu/pink */
body.theme-dark-ungu .navbar a.active,
body.theme-dark-ungu .navbar a.active span,
body.theme-dark-ungu .navbar a.active i {
  color: var(--orange) !important;
}

/* layer nav bawaan script */
body.theme-dark-ungu nav::before,
body.theme-dark-ungu nav::after,
body.theme-dark-ungu nav ul {
  background-color: var(--theme) !important;
  background-image: none !important;
}

/* FOOTER IKUT UNGU JUGA */
body.theme-dark-ungu footer,
body.theme-dark-ungu .footer {
  background: var(--theme) !important;
  color: var(--white) !important;
}

/* NAVBAR LOGO – SECTION .head UNTUK TEMA UNGU */
body.theme-dark-ungu .head,
body.theme-dark-ungu section.head {
  background: linear-gradient(180deg,#0b1220,#020617) !important;
  /* kalau mau flat pakai:
     background: #020617 !important;
  */
  border-bottom: 1px solid rgba(139,92,246,.7) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.8) !important;
}

/* warna ikon hamburger & bell */
body.theme-dark-ungu .head i,
body.theme-dark-ungu .head .menu-btn,
body.theme-dark-ungu .head .notif-icon {
  color: #f5d0fe !important;      /* ungu muda */
}

/* kalau ada teks di dalam head */
body.theme-dark-ungu .head span,
body.theme-dark-ungu .head a {
  color: #f9fafb !important;
}


/* =========================================
   PAKSA STRIP PALING ATAS JADI UNGU
   ========================================= */

/* background halaman + layer pseudo body */
html,
body.theme-dark-ungu,
body.theme-dark-ungu::before {
  background: var(--theme) !important;
}

/* kalau ada wrapper global di paling atas */
body.theme-dark-ungu #wrapper,
body.theme-dark-ungu .wrapper,
body.theme-dark-ungu .main-wrapper {
  background: var(--theme) !important;
}

/* bar di atas logo / header bawaan script */
body.theme-dark-ungu .top-header,
body.theme-dark-ungu .header-top,
body.theme-dark-ungu .header-section,
body.theme-dark-ungu .topbar,
body.theme-dark-ungu .logo-wrap,
body.theme-dark-ungu .logo-header,
body.theme-dark-ungu .navbar-header,
body.theme-dark-ungu .site-header {
  background: var(--theme) !important;
  background-image: none !important;
}

/* =========================================
   PROMO PAGE – IKUT TEMA (UNGU)
   Tempel PALING BAWAH theme-dark-ungu.css
   ========================================= */

/* wrapper promo (pakai beberapa kemungkinan class) */
body.theme-dark-ungu .promo,
body.theme-dark-ungu .promo-wrap,
body.theme-dark-ungu .promo-page,
body.theme-dark-ungu [class*="promo"] {
  color: var(--white) !important;
}

/* card / box promo */
body.theme-dark-ungu .promo .card,
body.theme-dark-ungu .promo-card,
body.theme-dark-ungu [class*="promo"] .card,
body.theme-dark-ungu [class*="promo"] .box,
body.theme-dark-ungu [class*="promo"] .content {
  background: #020617 !important;
  border: 1px solid rgba(139,92,246,.55) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.85) !important;
}

/* judul promo */
body.theme-dark-ungu [class*="promo"] h1,
body.theme-dark-ungu [class*="promo"] h2,
body.theme-dark-ungu [class*="promo"] h3,
body.theme-dark-ungu [class*="promo"] .title {
  color: var(--orange) !important;
}

/* deskripsi / teks syarat */
body.theme-dark-ungu [class*="promo"] p,
body.theme-dark-ungu [class*="promo"] li,
body.theme-dark-ungu [class*="promo"] span,
body.theme-dark-ungu [class*="promo"] .desc,
body.theme-dark-ungu [class*="promo"] [class*="syarat"],
body.theme-dark-ungu [class*="promo"] [class*="ketentuan"] {
  color: #e5e7eb !important;
}

/* tombol promo */
body.theme-dark-ungu [class*="promo"] .btn,
body.theme-dark-ungu [class*="promo"] button,
body.theme-dark-ungu [class*="promo"] a.btn {
  background: var(--lg) !important;
  border: 1px solid var(--main-color) !important;
  color: #fff !important;
}

/* biar konten syarat gak ketutup navbar bawah (kalau ada bottom-nav fixed) */
body.theme-dark-ungu .page,
body.theme-dark-ungu .container,
body.theme-dark-ungu .content-wrap,
body.theme-dark-ungu .main-content {
  padding-bottom: 90px !important;
}