/* ============================================================
   LUXURY DARK GOLD THEME  —  Ai-Alpha-Network
   Scope: sidebar + top navbar only
   Palette: charcoal #0F0F0F  +  gold #C9A84C
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* ---- Sidebar ---------------------------------------------- */
.sidebar,
.off-canvas-sidebar {
  background: #0F0F0F !important;
  border-right: 1px solid #2A2A2A !important;
  box-shadow: 2px 0 24px rgba(0,0,0,0.6) !important;
}

.sidebar .sidebar-background:after,
.off-canvas-sidebar .sidebar-background:after {
  background: #0F0F0F !important;
  opacity: 1 !important;
}

.sidebar .logo,
.off-canvas-sidebar .logo {
  border-bottom: 1px solid rgba(201, 168, 76, 0.4) !important;
}

.sidebar .logo a.logo-mini img,
.sidebar .logo a.logo-normal img,
.off-canvas-sidebar .logo a img {
  filter: drop-shadow(0 0 6px rgba(201,168,76,0.35));
}

/* nav links */
.sidebar .nav li > a,
.off-canvas-sidebar .nav li > a {
  color: #BFB49A !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.03em !important;
  transition: all 0.2s ease !important;
}

.sidebar .nav li > a:hover,
.off-canvas-sidebar .nav li > a:hover {
  background-color: rgba(201, 168, 76, 0.08) !important;
  color: #C9A84C !important;
}

/* active link */
.sidebar .nav li.active > a:not([data-toggle="collapse"]),
.off-canvas-sidebar .nav li.active > a:not([data-toggle="collapse"]) {
  background-color: rgba(201, 168, 76, 0.13) !important;
  box-shadow: inset 3px 0 0 #C9A84C !important;
  color: #C9A84C !important;
}

/* icons */
.sidebar .nav li > a i,
.off-canvas-sidebar .nav li > a i {
  color: rgba(201, 168, 76, 0.55) !important;
}

.sidebar .nav li.active > a i,
.off-canvas-sidebar .nav li.active > a i {
  color: #C9A84C !important;
}

/* paragraph text inside nav links */
.sidebar .nav li > a p,
.off-canvas-sidebar .nav li > a p {
  color: inherit !important;
}

/* override all data-color theme variants */
.sidebar[data-color]:after,
.off-canvas-sidebar[data-color]:after {
  background: linear-gradient(195deg, #1A1200, #0D0D0D) !important;
}

.sidebar[data-color] .nav li.active > a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color] .nav li.active > a:not([data-toggle="collapse"]) {
  background-color: rgba(201, 168, 76, 0.13) !important;
  box-shadow: inset 3px 0 0 #C9A84C !important;
  color: #C9A84C !important;
}

.sidebar[data-color] .nav li.active > a i,
.off-canvas-sidebar[data-color] .nav li.active > a i {
  color: #C9A84C !important;
}

/* ---- Top Navbar ------------------------------------------- */
.navbar {
  background-color: #111111 !important;
  border-bottom: 1px solid #2A2A2A !important;
  box-shadow: 0 2px 18px rgba(0,0,0,0.5) !important;
}

.navbar .navbar-brand,
.navbar .navbar-brand:hover {
  color: #C9A84C !important;
}

.navbar .nav-link,
.navbar .navbar-nav > li > a {
  color: #BFB49A !important;
}

.navbar .nav-link:hover,
.navbar .navbar-nav > li > a:hover {
  color: #C9A84C !important;
}

/* ---- Transparent navbar icons over gold panel-header ------ */
/* These navbars sit over the light-gold gradient so need dark contrast */
.navbar.navbar-transparent .nav-link,
.navbar.navbar-transparent .navbar-nav > li > a,
.navbar.navbar-transparent .now-ui-icons,
.navbar.navbar-transparent i {
  color: #3D2000 !important;
  opacity: 1 !important;
}

.navbar.navbar-transparent .nav-link:hover,
.navbar.navbar-transparent .navbar-nav > li > a:hover {
  color: #5C3800 !important;
  opacity: 1 !important;
}

/* ---- Auth page links (Sign Up, Reset Password, Sign In) --- */
.text-gradient.text-primary {
  background-image: linear-gradient(195deg, #C9A84C, #8B6520) !important;
  -webkit-text-fill-color: transparent !important;
}

.text-primary {
  color: #A07830 !important;
}

/* ---- Dropdown / Bootstrap Select selection highlight ------ */

/* Bootstrap Select — highlighted (hovered) inner list item */
.bootstrap-select .dropdown-menu.inner li.active > a,
.bootstrap-select .dropdown-menu.inner li a:hover,
.bootstrap-select .dropdown-menu.inner li a:focus,
.bootstrap-select .dropdown-menu.inner li.selected > a,
.bootstrap-select .dropdown-menu.inner li.active.selected > a {
  background-color: #B8943D !important;
  color: #fff !important;
  outline: none !important;
}

/* Bootstrap 3/4 list-group-item active (used by Bootstrap Select) */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #B8943D !important;
  border-color: #B8943D !important;
  color: #fff !important;
}

/* Generic dropdown-item active / selected states */
.dropdown-item.active,
.dropdown-item:active,
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  background-color: #B8943D !important;
  color: #fff !important;
}

.navbar .navbar-toggler-bar {
  background: #C9A84C !important;
}

/* ---- Responsive navbar: transparent navbar over gold header --- */
/* Brand title and hamburger/kebab must be dark so they show on gold */
.navbar.navbar-transparent .navbar-brand,
.navbar.navbar-transparent .navbar-brand:hover {
  color: #3D2000 !important;
}

.navbar.navbar-transparent .navbar-toggler-bar {
  background: #3D2000 !important;
}

.navbar.navbar-transparent .navbar-kebab {
  background: #3D2000 !important;
}

.menu-summary { color: #C9A84C !important; }
.menu-button  { color: #BFB49A !important; }
.menu-button > span.active { border-bottom-color: #C9A84C !important; }

/* ---- Sidebar collapse toggle ---- */
.sidebar .logo { position: relative !important; }

.sidebar-toggle-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: rgba(201,168,76,0.7);
  font-size: 17px;
  cursor: pointer;
  padding: 4px 7px;
  border-radius: 5px;
  line-height: 1;
  transition: color 0.2s, background 0.2s;
  z-index: 10;
}
.sidebar-toggle-btn:hover {
  color: #C9A84C;
  background: rgba(255,255,255,0.1);
}

@media (min-width: 992px) {
  .sidebar          { transition: transform 0.3s ease !important; }
  .main-panel       { transition: width 0.3s ease, margin-left 0.3s ease !important; }

  body.sidebar-collapsed .sidebar {
    transform: translateX(-260px) !important;
  }
  body.sidebar-collapsed .main-panel {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

/* Floating button to restore sidebar when it is hidden */
.sidebar-expand-btn {
  display: none;
  position: fixed;
  top: 15px;
  left: 10px;
  z-index: 9999;
  background: linear-gradient(135deg, #8B6520, #C9A84C);
  color: #fff;
  border: none;
  border-radius: 6px;
  width: 34px;
  height: 34px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0,0,0,0.4);
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  body.sidebar-collapsed .sidebar-expand-btn { display: flex; }
}

/* ---- Center navbar title when sidebar is collapsed so expand btn doesn't overlap ---- */
@media (min-width: 992px) {
  body.sidebar-collapsed .main-panel .navbar .container-fluid {
    position: relative;
  }
  body.sidebar-collapsed .main-panel .navbar .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
}