/* 1. Force le bandeau complet à se comporter comme une colonne centrée */
header.header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. Supprime les contraintes de la grille Bootstrap sur le logo */
header.header .grid-child {
    grid-column: 1 / -1 !important; /* Prend toute la largeur */
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

/* 3. Centre l'image du logo spécifiquement */
.navbar-brand {
    margin-right: 0 !important;
    padding: 0 !important;
}

.navbar-brand img {
    display: block;
    margin: 0 auto;
}
img[src*="personal2.png"]{
    width: 500px;
    height: 250px;
}

/* Dégradé lumineux style logo */
.container-header,
header.header {
    background:
        radial-gradient(circle at center,
            rgba(255,255,255,0.25) 0%,
            rgba(255,255,255,0.08) 20%,
            transparent 40%),
        linear-gradient(
            90deg,
            #3c78ff 0%,
            #6e8cff 35%,
            #9c86ff 65%,
            #5b5cff 100%
        ) !important;
}


/* Centre le menu du haut */
.mod-menu {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Centre les éléments du menu */
.mod-menu.mod-list {
    justify-content: center !important;
    width: 100% !important;
}

/* Menu aligné au centre */
.container-nav {
    display: flex !important;
    justify-content: center !important;
}