.footer-shader {
  /* On reprend tes couleurs : noir, blanc/rose et bleu nuit */
  background: linear-gradient(135deg, #000000, #00003d, #D8D8D8);
  background-size: 400% 400%;
  animation: shaderAnimation 100s ease infinite;
  padding: 2rem 0;
  color: white;
  border-top: 1px solid #333;
}

/* On simule l'animation du paramètre uSpeed={0.05} */
@keyframes shaderAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


#header {
    background: linear-gradient(135deg, #000000, #00003d, #fff0ff);
    background-size: 400% 400%;
    animation: shaderAnimation 20s ease infinite;
    border-bottom: 1px solid #333;
}

/* On s'assure que le texte du menu reste bien blanc et lisible */
#header .navbar-section a, 
#header .navbar-brand svg,
#header .navbar-brand {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Optionnel : un petit effet de flou pour le côté "verre" */
#header {
    backdrop-filter: blur(5px);
}

/* Change le gris foncé du header en noir pur */
.header-fixed #header {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* S'assure que le fond reste noir même si on scrolle */
#header {
    background-color: #000000 !important;
}

/* Agrandir le logo dans le header */
#header .navbar-brand img, 
#header .navbar-brand svg {
    height: 4rem !important; /* Augmente cette valeur (ex: 5rem) pour plus grand */
    width: auto !important;
    max-height: 100% !important;
    padding: 5px 0; /* Ajoute un peu d'espace en haut et en bas */
}

/* Ajuster la hauteur de la barre de navigation si besoin */
#header {
    min-height: 5rem;
}


#body-wrapper {
    background-image: url('../images/hatching.jpg'); /* Correction du guillemet manquant */
    background-repeat: repeat-x;
    /* Le premier chiffre est l'horizontale (center), le second est la verticale (ex: 100px) */
    background-position: center 70px; 
    background-size: auto;
    padding-top: 140px; /* Augmente le padding pour ne pas chevaucher ton texte */
}

/* On s'assure que le fond reste bien blanc pour ton profil D50 */
body {
    background-color: #ffffff !important;
}


/* Force l'affichage du titre du site même avec un logo */
#header .navbar-brand.logo + a, 
#header .navbar-brand {
    display: flex !important;
    align-items: center;
    gap: 15px; /* Espace entre le logo et le texte */
}

/* Style pour le texte du titre */
#header .navbar-brand h1, 
#header .navbar-brand .site-title {
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
}