/* A closed menu must remain hidden regardless of page-specific transforms. */
.site-header .mobile-nav:not(.open){visibility:hidden;pointer-events:none}
.site-header .mobile-nav.open{visibility:visible;pointer-events:auto}

@media(max-width:900px){
/**
 * Navigation mobile commune à toutes les pages Red Maple.
 * Le menu WordPress reste la source de vérité ; les classes de profondeur
 * sont ajoutées par Red_Maple_Anchor_Walker dans functions.php.
 */

.mobile-nav {
	display: flex;
	gap: 0;
	max-height: calc(100svh - 92px);
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 20px clamp(22px, 6vw, 34px) 30px;
	background: #711d18;
	color: #f7f3ed;
	-webkit-overflow-scrolling: touch;
}

.mobile-nav .red-maple-menu-link {
	display: block;
	position: relative;
	margin: 0;
	padding: 13px 0;
	border-bottom: 1px solid rgba(247, 243, 237, 0.16);
	color: #f7f3ed;
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.035em;
	text-decoration: none;
	opacity: 1;
}

.mobile-nav .red-maple-menu-link:hover,
.mobile-nav .red-maple-menu-link:focus-visible {
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
	outline: none;
}

.mobile-nav .red-maple-menu-link--parent {
	padding-right: 24px;
	font-weight: 600;
}

.mobile-nav .red-maple-menu-link--parent::after {
	content: "+";
	position: absolute;
	right: 2px;
	top: 50%;
	color: #df9662;
	font-size: 1rem;
	font-weight: 400;
	transform: translateY(-50%);
}

.mobile-nav .red-maple-menu-link--depth-1 {
	margin-left: 18px;
	padding-left: 18px;
	border-left: 1px solid rgba(223, 150, 98, 0.75);
	color: #f7f3ed;
	font-size: 0.72rem;
	font-weight: 400;
}

.mobile-nav .red-maple-menu-link--depth-1::before {
	content: "—";
	position: absolute;
	left: 0;
	color: #df9662;
}

.mobile-nav .red-maple-menu-link--current {
	color: #fff;
	font-weight: 600;
}

@media (max-width: 640px) {
	.mobile-nav {
		max-height: calc(100svh - 84px);
	}
}

}