/* Header qui se masque en descendant et réapparaît dès qu'on remonte (js/header-scroll.js) */

/* "body" pour passer devant le CSS additionnel du Customizer (#masthead { position: relative }) */
body #masthead {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;
	background-color: #fff;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s;
}

/* Pas de transform à l'état visible : un transform casserait le menu mobile en position fixed */
body #masthead.is-hidden {
	transform: translateY(-100%);
}

body #masthead.is-floating:not(.is-hidden) {
	box-shadow: 0 4px 16px rgb(0 0 0 / 0.08);
}