/**
 * theme-green.css
 * Dollar4D Color Theme: GREEN
 *
 * Cara pakai: di header.php, ganti:
 *   <link href="...css/theme-yellow.css" rel="stylesheet"/>
 * dengan:
 *   <link href="...css/theme-green.css" rel="stylesheet"/>
 */

/* ── Category menubar (top) ── */
.menubar:not(.fixed-bottom) {
  background: linear-gradient(#fff700, #00ff44, #00cc33) !important;
  border-bottom: 2px solid #00ff44 !important;
}

/* Full menubar gradient (detailed) */
.menubar {
  background-image: linear-gradient(to top, #000000 3%, #003300 1%, #005500 50%, #00ee33 50%, #00cc33 85%, #004400 97%, #00dd33 3%) !important;
  border-bottom: 2px solid #00ff44;
}

/* Fixed bottom menubar */
.menubar.navbar.fixed-bottom.navbar-dark.bg-dark.p-0 {
  border-top: 3px solid #00ff44 !important;
}

/* ── Bottom navbar pseudo (desktop) ── */
nav.navbar.fixed-bottom::before {
  background: linear-gradient(to top, #000000 3%, #003300 1%, #005500 50%, #00ee33 50%, #00cc33 85%, #004400 97%, #00dd33 3%) !important;
  border-top: 3px solid #00ff44 !important;
}

/* ── btn-dollar4d (CTA buttons) ── */
.btn-dollar4d {
  box-shadow: inset 0 0 0 1px #1a7a2e, inset 0 2px 0 0 #2daa40, inset 0 4px 4px 2px #00cc33, 3px 3px 3px 1px rgba(0,0,0,0.2);
  background-image: linear-gradient(to bottom, #00aa22 0%, #00cc33 50%, #008811 100%);
  border: 1px solid #00ff44 !important;
  color: #000000 !important;
}
.btn-dollar4d:hover {
  background-image: linear-gradient(to bottom, #00cc33 0%, #00aa22 50%, #008811 100%);
}

/* ── nav-tabs ── */
.nav-tabs {
  background: #00cc33 !important;
}

/* ── form-control border ── */
.form-control {
  border-color: #00aa22 !important;
}
.form-control:focus {
  border-color: #00ff44 !important;
  box-shadow: 0 0 0 0.2rem #00ff4440 !important;
}

/* ── show-more button ── */
.show-more-btn {
  background: linear-gradient(to bottom, #00cc33, #009922) !important;
}

/* ── Desktop content box borders ── */
@media (min-width: 1200px) {
  div#content {
    border-left-color: #00dd33 !important;
    border-right-color: #00dd33 !important;
  }
  #navbar-top {
    border-left-color: #00dd33 !important;
    border-right-color: #00dd33 !important;
  }
  nav.navbar.fixed-bottom::before {
    border-top-color: #00ff44 !important;
  }
}

/* ── Misc accents ── */
.border-primary {
  border-color: #00ff44 !important;
}
.text-decoration-none {
  color: #00cc33 !important;
}
.btn-outline-primary {
  --bs-btn-border-color: #00ff44;
  --bs-btn-hover-bg: #00cc33;
  background: #00cc33;
  color: #000 !important;
}

/* ── Menu text ── */

/* Bottom navbar - hitam */
nav.navbar.fixed-bottom a.text-decoration-none,
nav.navbar.fixed-bottom a.text-decoration-none div,
nav.navbar.fixed-bottom a.text-white,
nav.navbar.fixed-bottom .d-flex a {
  color: #000000 !important;
}

/* Sidebar menu links - tetap putih (bg gelap) */
#sidebar a.nav-link,
#sidebar a.nav-link i {
  color: #ffffff !important;
}

/* ── Menubar category (HOME SLOT CASINO dll) - hitam ── */
nav.menubar a.text-decoration-none,
nav.menubar a.text-decoration-none *,
nav.menubar a.text-white,
nav.menubar a.text-white * {
  color: #000000 !important;
}