/* ===================== Global ===================== */
body {
  background-color: #1a1a1a !important;
  color: #f5f5f5 !important;
  font-family: "Segoe UI", Arial, sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

/* ===================== Bannière ===================== */
.banner {
  background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%) !important;
  color: #0d6efd !important;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.4);
  text-shadow: 1px 1px 4px rgba(0,0,0,0.6);


}

.banner .container {
  max-width: 1000px !important;
  margin: 0 auto !important;
}

/* ===================== Navbar ===================== */
.navbar {
  background-color: #8a2be2 !important; /* violet digital */
  border-radius: 0.5rem;
  padding: 0.3rem 0.8rem;
}

.navbar-nav .nav-link {
  color: #fff !important;
  font-weight: 500;
  padding: 0.3rem 0.6rem;
  transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: #ff2d8d !important; /* rose néon au survol */
}

.dropdown-menu {
  background-color: #8a2be2 !important;
  border-radius: 0.5rem;
  border: none;
}

.dropdown-item:hover {
  background-color: #8a2be2 !important;
  color: #ff2d8d !important;
}