/* M20 — Menu plein écran (Atelier WP, 09/10/2026). S'appuie sur le menu
   mobile du socle (style.css, .site-header.is-menu-open .nav-links). */
@media (max-width: 1079px) {
	html.m20-ouvert { overflow: hidden; }
	html.has-js.m20 .site-header.is-menu-open .nav-links { overscroll-behavior: contain; }
	html.has-js.m20 .site-header.is-menu-open .nav-links {
		position: fixed !important;
		top: var(--m20-haut, 64px) !important;
		left: 0; right: 0; bottom: 0;
		height: auto;
		overflow-y: auto;
		justify-content: flex-start;
		padding: clamp(1.5rem, 6vh, 3.5rem) var(--wp--style--root--padding-left, 1.5rem) 2rem !important;
		background: var(--wp--preset--color--ink, #111111) !important;
		border: 0 !important;
		box-shadow: none !important;
		z-index: 60;
	}
	html.has-js.m20 .site-header.is-menu-open .nav-links p { border-top-color: color-mix(in srgb, var(--wp--preset--color--surface, #FFFFFF) 14%, transparent) !important; }
	html.has-js.m20 .site-header.is-menu-open .nav-links a {
		color: var(--wp--preset--color--surface, #FFFFFF) !important;
		font-family: var(--wp--preset--font-family--heading, inherit);
		font-size: clamp(1.6rem, 6.5vw, 2.4rem) !important;
		line-height: 1.15;
		padding: 0.9rem 0 !important;
	}
	html.has-js.m20 .site-header.is-menu-open .nav-links a::after { display: none; }
}
@media (max-width: 1079px) and (prefers-reduced-motion: no-preference) {
	html.has-js.m20 .site-header.is-menu-open .nav-links { animation: m20-panneau 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
	html.has-js.m20 .site-header.is-menu-open .nav-links > * { animation: m20-lien 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) both; animation-delay: calc(0.08s + var(--m20-i, 0) * 0.055s); }
}
@keyframes m20-panneau { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes m20-lien { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }