/* =============================================
   Dark Gold / Blue-Gray Theme Overrides
   Primary: #cdb76b | Hover: #b9a55f
   Secondary: #556e7a | Hover: #455863
   ============================================= */
:root {
  --primary: #cdb76b !important;
  --secondary: #556e7a !important;
  --primary-hover: #b9a55f;
  --secondary-hover: #455863;
  --text-light: #f1f1f1;
  --text-muted: #999999;
}

/* ---------- GLOBAL ---------- */
body { color: var(--text-light); }
::placeholder { color: var(--text-muted); opacity:.8; }
a { color: var(--primary); }
a:hover, a:focus { color: var(--primary-hover); }

/* ---------- BUTTONS ---------- */
.btn-primary {
  background: var(--primary)!important;
  border-color: var(--primary)!important;
  color:#111!important;
  border-radius:.4rem;
  transition:all .2s ease;
}
.btn-primary:hover, .btn-primary:focus {
  background: var(--primary-hover)!important;
  border-color: var(--primary-hover)!important;
  box-shadow:0 0 0 .2rem rgba(205,183,107,.25);
}

.btn-secondary {
  background: var(--secondary)!important;
  border-color: var(--secondary)!important;
  color:#fff!important;
  border-radius:.4rem;
  transition:all .2s ease;
}
.btn-secondary:hover, .btn-secondary:focus {
  background: var(--secondary-hover)!important;
  border-color: var(--secondary-hover)!important;
  box-shadow:0 0 0 .2rem rgba(85,110,122,.25);
}

/* ---------- NAVBAR & SIDEBAR ---------- */
.navbar, .sidebar {
  background-color: transparent !important;
  backdrop-filter: blur(8px);
}
.navbar .navbar-brand, .navbar .nav-link,
.sidebar .nav li > a { color: var(--text-light)!important; }
.navbar .nav-link.active, .navbar .nav-link:hover,
.sidebar .nav li.active > a, .sidebar .nav li > a:hover {
  color: var(--primary)!important;
}

/* ---------- CARDS ---------- */
.card {
  background:#1a1b2a!important;
  border:1px solid rgba(255,255,255,0.08)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.25)!important;
}
.card .card-header {
  background: var(--secondary)!important;
  color: var(--text-light)!important;
  border-bottom:1px solid rgba(255,255,255,0.08)!important;
}
.card .card-title, .card .card-category {
  color: var(--text-light)!important;
}

/* ---------- TABLES ---------- */
.table thead th {
  background: var(--secondary)!important;
  color:#fff!important;
  border-color: rgba(255,255,255,0.08)!important;
}
.table td, .table th {
  border-color: rgba(255,255,255,0.06)!important;
}

/* ---------- FORMS ---------- */
.form-control {
  color: var(--text-light)!important;
  background-color:#22243a!important;
  border:1px solid rgba(255,255,255,0.12)!important;
}
.form-control:focus {
  border-color: var(--primary)!important;
  box-shadow:0 0 0 .2rem rgba(205,183,107,.25)!important;
}

/* ---------- UTILITIES ---------- */
.progress-bar.bg-primary, .bg-primary { background-color: var(--primary)!important; }
.bg-secondary { background-color: var(--secondary)!important; }
.text-primary { color: var(--primary)!important; }
.text-secondary { color: var(--secondary)!important; }

/* ---------- FOOTER ---------- */
.footer { color: var(--text-muted)!important; }
.footer a { color: var(--primary)!important; }

/* ---------- ICON DETAIL ---------- */
.font-icon-detail {
  border-color: var(--primary)!important;
}
.font-icon-detail p {
  color: var(--primary)!important;
}

/* ---------- LOGIN CARD ---------- */
.card.card-white {
  background: rgba(34,36,58,0.95) !important;
  color: #f1f1f1 !important;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
}
.card.card-white .form-control {
  background-color: #22243a !important;
  border: 1px solid rgba(255,255,255,0.2);
}
.card.card-white .btn-primary {
  background-color: #cdb76b !important;
  color: #111 !important;
  border: none;
  font-weight: 600;
}
.card.card-white .btn-primary:hover {
  background-color: #b9a55f !important;
}

/* ---------- SIDEBAR FIXES ---------- */

/* Sidebar-Hintergrund komplett transparent machen */
.sidebar,
.sidebar:before,
.sidebar .sidebar-wrapper,
.sidebar .sidebar-wrapper:before,
.off-canvas-sidebar,
.off-canvas-sidebar:before {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.sidebar[data],
.off-canvas-sidebar[data] {
  background: transparent !important;
  background-image: none !important;
}

/* Menü-Container mit eigenem Hintergrund */
.sidebar .nav {
  background-color: #556e7a !important;
  border-radius: 10px;
  margin: 14px;
  padding: 6px 0;
}

.sidebar .nav li > a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 10px 24px 10px 22px !important;
  margin: 6px 8px !important;               /* weniger Abstand außen */
  color: #f1f1f1 !important;
  background: transparent !important;
  border-radius: 8px;
  width: calc(100% - 16px) !important;      /* 5% breiter als vorher (~+8px pro Seite) */
  transition: all 0.2s ease;
}

/* Hover-Effekt */
.sidebar .nav li > a:hover {
  background-color: rgba(205,183,107,0.15) !important;
  color: #cdb76b !important;
}

/* --- Aktiver Menüpunkt --- */
.sidebar .nav li.active > a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 10px 24px 10px 22px !important;
  margin: 6px 8px !important;
  border-radius: 8px;
  background-color: #cdb76b !important;
  color: #000 !important;
  width: calc(100% - 16px) !important;
  box-shadow: none !important;
}

/* Text & Icon im aktiven Link */
.sidebar .nav li.active > a i,
.sidebar .nav li.active > a p {
  color: #000 !important;
}

/* Weißen Punkt entfernen */
.sidebar .nav li.active > a:before {
  display: none !important;
  content: none !important;
}