/**
 * theme-orange.css
 * Dollar4D Color Theme: ORANGE
 *
 * Cara pakai: di header.php ganti baris theme menjadi:
 *   <link href="...css/theme-orange.css" rel="stylesheet" id="site-theme"/>
 */

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

/* Full menubar gradient (detailed) */
.menubar {
  background-image: linear-gradient(to top, #000000 3%, #3d1a00 1%, #6b2e00 50%, #ff9900 50%, #ff5500 85%, #3d1a00 97%, #ff7700 3%) !important;
  border-bottom: 2px solid #ff7700;
}

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

/* ── Bottom navbar pseudo (desktop) ── */
nav.navbar.fixed-bottom::before {
  background: linear-gradient(to top, #000000 3%, #3d1a00 1%, #6b2e00 50%, #ff9900 50%, #ff5500 85%, #3d1a00 97%, #ff7700 3%) !important;
  border-top: 3px solid #ff7700 !important;
}

/* ── btn-dollar4d (CTA buttons) ── */
.btn-dollar4d {
  box-shadow: inset 0 0 0 1px #7a2e00, inset 0 2px 0 0 #bb4400, inset 0 4px 4px 2px #ff7700, 3px 3px 3px 1px rgba(0,0,0,0.2);
  background-image: linear-gradient(to bottom, #cc4400 0%, #ff7700 50%, #cc4400 100%);
  border: 1px solid #ff7700 !important;
  color: #ffffff !important;
}
.btn-dollar4d:hover {
  background-image: linear-gradient(to bottom, #ff7700 0%, #cc4400 50%, #ff7700 100%);
}

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

/* ── form-control border ── */
.form-control {
  border-color: #ff5500 !important;
}
.form-control:focus {
  border-color: #ff7700 !important;
  box-shadow: 0 0 0 0.2rem #ff770040 !important;
}

/* ── show-more button ── */
.show-more-btn {
  background: linear-gradient(to bottom, #ff5500, #cc4400) !important;
  color: #ffffff !important;
}

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

/* ── Misc accents ── */
.border-primary {
  border-color: #ff7700 !important;
}
.text-decoration-none {
  color: #ff5500 !important;
}
.btn-outline-primary {
  --bs-btn-border-color: #ff7700;
  --bs-btn-hover-bg: #ff5500;
  background: #ff5500;
  color: #ffffff !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;
}