/* =================================================================== */
/* === DARK-THEME.CSS - SUPRASCRIERI PENTRU TEMA DARK === */
/* =================================================================== */

[data-bs-theme="dark"] {
  /* Redefinirea variabilelor pentru Dark Mode */
  --bg: #1e1e1e;
  --bg-soft: #2c2c2c;
  --text: #ffffff;
  --input-bg: #1e1e1e;
  --input-border: #555555;
  --shadow: 0 4px 12px rgba(0, 0, 0, .5);
}

/* Suprascrieri specifice pentru componente în Dark Mode */

[data-bs-theme="dark"] #main {
  background: #3a3a3a;
}

[data-bs-theme="dark"] #header {
  background: linear-gradient(180deg, #2c2c2c 0%, #1e1e1e 100%);
  color: #ffffff;
  height: 90px;
  box-shadow: 0 4px 12px rgba(0, 195, 255, 0.6);
}

[data-bs-theme="dark"] #header-top {
  background: linear-gradient(0deg, #3a3a3a 10%, #000 90%);
}

[data-bs-theme="dark"] #header .btn,
[data-bs-theme="dark"] #header .btn-link,
[data-bs-theme="dark"] #header .btn-outline-secondary {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 1.4rem;
  transition: color 0.2s ease;
}

[data-bs-theme="dark"] #header .btn:hover,
[data-bs-theme="dark"] #header .btn-link:hover,
[data-bs-theme="dark"] #header .btn-outline-secondary:hover {
  color: #00c3ff !important; /* hover neon */
}

[data-bs-theme="dark"] #header .navbar-brand,
[data-bs-theme="dark"] #header i {
  color: #ffffff !important;
  font-size: 1.4rem;
}

[data-bs-theme="dark"] aside#sidebar-left,
[data-bs-theme="dark"] aside#sidebar-right {
  /* Poți ajusta gradientul pentru dark mode dacă dorești */
  background: linear-gradient(135deg, rgba(44, 44, 44, 0.85) 0%, rgba(30, 30, 30, 0.85) 100%);
  color: #ffffff !important;
}

[data-bs-theme="dark"] #footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
	background: linear-gradient(180deg, #3a3a3a 20%, #000 80%);
	color: #ffffff;
    border-top: 1px solid #e5e5e5;
    z-index: 900;
    transition: height .3s ease;
    height: 40px;                        /* collapsed */
    overflow: hidden;
}

/* Expanded state */
[data-bs-theme="dark"] #footer.expanded {
    height: 200px;                      /* înălțimea dorită la expand */
}

/* Elementele interne */
[data-bs-theme="dark"] #footer .collapsed {
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

[data-bs-theme="dark"] #footer .expanded {
    padding: 1rem;
    display: block;
    height: calc(100% - 40px);          /* ocupă restul spațiului */
    overflow-y: auto;
}



/* NAVBAR dark – gradient gri deschis + umbra neon albastru */