/* Mobile: make link + chevron feel like a single control. */
.marqueblanche-mobile-nav__links .marqueblanche-nav-link-row {
	position: relative;
	grid-template-columns: 1fr;
}

.marqueblanche-mobile-nav__links .marqueblanche-nav-link {
	padding-right: 70px;
}

.marqueblanche-mobile-nav__links .marqueblanche-submenu-toggle {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 54px;
	height: 54px;
	border-radius: var(--marqueblanche-nav-item-radius, 18px);
	background: transparent;
	border: 0;
	box-shadow: none;
}

.marqueblanche-mobile-nav__links .marqueblanche-submenu-toggle:hover,
.marqueblanche-mobile-nav__links .marqueblanche-submenu-toggle:focus-visible {
	background: color-mix(in srgb, var(--marqueblanche-nav-mobile-bg) 45%, transparent);
	outline: none;
	transform: translateY(-50%);
}

.marqueblanche-mobile-nav__links .marqueblanche-submenu-toggle span {
	color: transparent;
	font-size: 0;
	line-height: 0;
	display: block;
	width: 22px;
	height: 22px;
	position: relative;
	transform: none;
}

.marqueblanche-mobile-nav__links .marqueblanche-submenu-toggle span::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	border-right: 3px solid var(--marqueblanche-nav-accent);
	border-bottom: 3px solid var(--marqueblanche-nav-accent);
	transform: translate(-50%, -62%) rotate(45deg);
	box-sizing: border-box;
	transition: transform 0.18s ease;
}

.marqueblanche-mobile-nav__links .marqueblanche-nav-item.is-submenu-open > .marqueblanche-nav-link-row .marqueblanche-submenu-toggle span::before {
	transform: translate(-50%, -42%) rotate(225deg);
}
