/* assets/css/components.css */

/* Navbar */
.navbar{
  background: rgba(10,12,18,.55);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0,255,136,.12);
  transition: all .25s ease;
}
.navbar.scrolled{
  background: rgba(10,12,18,.85);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}
.navbar-brand{
  font-weight:800;
  letter-spacing:.4px;
}
.nav-link{
  color: rgba(234,240,255,.82) !important;
  font-weight: 600;
}
.nav-link:hover,
.nav-link.active{
  color: var(--neon-green) !important;
}

/* Boutons (style pro) */
.btn-custom{
  border-radius: 999px;
  padding: .75rem 1.15rem;
  font-weight: 700;
  letter-spacing: .2px;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.btn-primary-custom{
  background: linear-gradient(135deg, rgba(0,255,136,.95), rgba(0,200,120,.95));
  border: none;
  color: #04130C;
  box-shadow: 0 12px 35px rgba(0,255,136,.18);
}
.btn-primary-custom:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 55px rgba(0,255,136,.22);
}

.btn-outline-custom{
  background: transparent;
  border: 1px solid rgba(0,255,136,.45);
  color: var(--text);
}
.btn-outline-custom:hover{
  background: rgba(0,255,136,.10);
  transform: translateY(-2px);
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
}

/* Footer */
footer{
  border-top: 1px solid rgba(0,255,136,.10);
  background: rgba(10,12,18,.55);
}