/* En-tête « Menu centré + bouton » : logo à gauche, menu au milieu, dernier lien (bouton) à droite.
   Sur ordinateur, la barre de navigation disparaît de la grille : ses deux listes (menu, bouton) occupent les colonnes 2 et 3. */
@media(min-width:769px){
	.header--split .header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}
	.header--split .brand{justify-self:start;min-width:0}
	.header--split .main-nav{display:contents}
	.header--split .main-nav>ul:first-child{justify-self:center;justify-content:center}
	.header--split .main-nav>ul:last-child{justify-self:end}
	.header--split .main-nav>ul:empty{display:none}
	.header--split .main-nav>ul:empty+ul{grid-column:3}
}
/* Mobile : la liste du bouton passe sous celle du menu, dans le menu déroulant */
@media(max-width:768px){
	.header--split .main-nav>ul+ul{margin-top:.5rem}
}