/* ==========================================================================
   DWB Energie – Corporate Override für AdminLTE 3.x
   ========================================================================== */

:root {
  /* Primärfarbe = dunkles Petrol-Grün aus dem Shirt/Hintergrund */
  --primary:        #2e4a3d;
  --primary-dark:   #1f3a2e;
  --primary-darker: #162a22;
  --primary-light:  #3f6654;

  /* Akzent = Blitz-Gelb */
  --warning:        #f4c107;
  --warning-dark:   #d4a307;
  --warning-light:  #f7d248;

  /* Sekundärfarbe – etwas heller für Kontrast (aus dem Kreis) */
  --secondary:      #5c7a6a;
}

/* === Navbar & Haupt-Hintergrund === */
.main-header {
  background-color: var(--primary) !important;
  border-color: var(--primary-dark) !important;
}

.main-header .navbar-nav .nav-link {
  color: rgba(255,255,255,0.9) !important;
}

.main-header .navbar-nav .nav-link:hover,
.main-header .navbar-nav .nav-link:focus {
  color: #ffffff !important;
  background: var(--primary-dark) !important;
}

/* === Sidebar === */
.main-sidebar {
  background-color: var(--primary) !important;
}

.main-sidebar .nav-link {
  color: rgba(255,255,255,0.85) !important;
}

.main-sidebar .nav-link:hover,
.main-sidebar .nav-link:focus {
  background-color: var(--primary-dark) !important;
  color: #ffffff !important;
}

/* Aktiver Menüpunkt */
.main-sidebar .nav-item > .nav-link.active,
.main-sidebar .nav-item > .nav-link.active:hover,
.main-sidebar .nav-item > .nav-link.active:focus {
  background-color: var(--warning) !important;
  color: var(--primary-darker) !important;
  font-weight: 600;
}

/* === Brand Logo / Sidebar Toggle === */
.brand-link {
  background-color: var(--primary-dark) !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* === Cards & Boxen === */
.card {
  border-top: 3px solid var(--primary) !important;
}

/* === Buttons === */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

/* Gelber Akzent-Button (wichtig für Energie-Thematik) */
.btn-warning {
  background-color: var(--warning);
  border-color: var(--warning);
  color: #1f3a2e;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: var(--warning-dark) !important;
  border-color: var(--warning-dark) !important;
}

/* === Login-Seite spezifisch === */
body.login-page {
  background: linear-gradient(135deg, #1f3a2e 0%, #2e4a3d 50%, #3f6654 100%) !important;
}

.login-box .card {
  border-top: 5px solid var(--warning) !important;
}

.login-logo img {
  max-width: 240px;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.4));
}