/*
 * Panneau de nav mobile (burger + drawer).
 *
 * Observé en live (evidences.html, viewport <900px, clic sur le burger) :
 * le panneau n'est PAS un overlay plein écran — il s'insère à l'intérieur du
 * bandeau header (lui-même position:sticky, voir .site-header dans nav.css),
 * qui s'agrandit pour l'accueillir et pousse le reste de la page vers le bas.
 * Le header (logo, CTA Soutenir, bouton burger/fermer) reste visible et
 * cliquable au-dessus du contenu de la page pendant que le panneau est ouvert.
 */
.site-header .evd-drawer {
	display: none;
	flex: 1 1 100%;
}
.site-header .evd-drawer[data-open="1"] {
	display: flex;
}
.evd-drawer__nav {
	display: flex;
	flex-direction: column;
	width: 100%;
	border-top: 1px solid var(--hairline);
}
.evd-drawer__nav a {
	padding: 16px 24px;
	border-bottom: 0.8px solid var(--hairline);
	font-weight: var(--fw-semibold);
	font-size: 11px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: var(--color-black);
}
.evd-drawer__nav a:last-child {
	border-bottom: none;
}

@media (min-width: 860px) {
	.evd-drawer {
		display: none !important;
	}
}