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

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

/* Full menubar gradient (detailed) */
.menubar {
  background-image: linear-gradient(to top, #000000 3%, #330000 1%, #660000 50%, #ff3333 50%, #cc0000 85%, #330000 97%, #ff0000 3%) !important;
  border-bottom: 2px solid #ff0000;
}

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

/* ── Bottom navbar pseudo (desktop) ── */
nav.navbar.fixed-bottom::before {
  background: linear-gradient(to top, #000000 3%, #330000 1%, #660000 50%, #ff3333 50%, #cc0000 85%, #330000 97%, #ff0000 3%) !important;
  border-top: 3px solid #ff0000 !important;
}

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

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

/* ── form-control border ── */
.form-control {
  border-color: #cc0000 !important;
}
.form-control:focus {
  border-color: #ff0000 !important;
  box-shadow: 0 0 0 0.2rem #ff000040 !important;
}

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

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

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