/* État scrollé avec glassmorphism */
.site-header.scrolled {
  background: hsla(240, 10%, 10%, 0.8) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid hsla(240, 5%, 35%, 0.3) !important;
  box-shadow: 0 4px 30px hsla(0, 0%, 0%, 0.3) !important;
}