/* Sous-menu « Commander » du header desktop : même carte que le menu Commander mobile. */

.dlc-nav-sub__hello {
	display: none;
}

@media (min-width: 1025px) {
	.elementor-nav-menu--main .elementor-nav-menu .menu-commander > .sub-menu.elementor-nav-menu--dropdown {
		--dlc-ns-primary: #A1383D;
		--dlc-ns-paper: #F7F4F2;
		--dlc-ns-ink: #1f1a19;
		--dlc-ns-line: #e4dcd8;
		left: 50% !important;
		width: 300px !important;
		min-width: 0 !important;
		max-width: calc(100vw - 24px) !important;
		margin-top: 12px !important;
		padding: 8px;
		border: 1px solid var(--dlc-ns-line);
		border-radius: 16px;
		background: var(--dlc-ns-paper);
		box-shadow: 0 20px 50px rgba(31, 26, 25, .22);
		transform: translateX(-50%);
		overflow: visible;
	}

	/* Flèche vers « Commander » */
	.elementor-nav-menu--main .menu-commander > .sub-menu::before {
		content: "";
		position: absolute;
		top: -6px;
		left: calc(50% - 5px);
		width: 10px;
		height: 10px;
		border-top: 1px solid var(--dlc-ns-line);
		border-left: 1px solid var(--dlc-ns-line);
		background: var(--dlc-ns-paper);
		transform: rotate(45deg);
	}

	/* Pont invisible : le survol ne se perd pas entre le lien et la carte. */
	.elementor-nav-menu--main .menu-commander > .sub-menu::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 100%;
		left: 0;
		height: 14px;
	}

	.elementor-nav-menu--main .menu-commander > .sub-menu > li + li {
		margin-top: 2px;
	}

	.elementor-nav-menu--main .menu-commander .dlc-nav-sub__hello {
		display: block;
		margin: 0 0 6px;
		padding: 10px 14px 12px;
		border-bottom: 1px solid var(--dlc-ns-line);
		color: #6f6866;
		font: 400 14px/1.3 "Montserrat", sans-serif;
		text-transform: none;
		white-space: normal;
	}

	.elementor-nav-menu--main .menu-commander .dlc-nav-sub__hello em {
		color: var(--dlc-ns-primary);
		font-family: "Dancing Script", cursive;
		font-size: 22px;
		font-style: normal;
		font-weight: 700;
	}

	.elementor-nav-menu--main .elementor-nav-menu .menu-commander > .sub-menu a.elementor-sub-item {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		column-gap: 10px;
		row-gap: 3px;
		padding: 12px 14px;
		border: 0;
		border-radius: 10px;
		background: transparent;
		color: var(--dlc-ns-ink);
		font-family: "Montserrat", sans-serif;
		line-height: 1.25;
		text-transform: none;
		white-space: normal;
		transition: background-color .2s, color .2s;
	}

	.elementor-nav-menu--main .elementor-nav-menu .menu-commander > .sub-menu a.elementor-sub-item:hover,
	.elementor-nav-menu--main .elementor-nav-menu .menu-commander > .sub-menu a.elementor-sub-item:focus-visible,
	.elementor-nav-menu--main .elementor-nav-menu .menu-commander > .sub-menu a.elementor-sub-item.elementor-item-active,
	.elementor-nav-menu--main .elementor-nav-menu .menu-commander > .sub-menu a.elementor-sub-item.highlighted {
		background: #fff;
		color: var(--dlc-ns-primary);
	}

	.elementor-nav-menu--main .menu-commander .dlc-nav-sub__title {
		grid-column: 1;
		font-size: 15px;
		font-weight: 600;
	}

	.elementor-nav-menu--main .menu-commander .dlc-nav-sub__hint {
		grid-column: 1;
		color: #6f6866;
		font-size: 13px;
		font-weight: 400;
	}

	.elementor-nav-menu--main .menu-commander .dlc-soon__badge {
		grid-column: 2;
		grid-row: 1 / span 2;
		margin-left: 0;
	}
}

/* Menu burger : le sous-titre passe sous le titre, plus discret. */
nav.elementor-nav-menu--dropdown .dlc-nav-sub__hint {
	flex-basis: 100%;
	margin-top: 2px;
	font-size: .8em;
	font-weight: 400;
	opacity: .7;
}

nav.elementor-nav-menu--dropdown a.elementor-sub-item:has(.dlc-nav-sub__hint) {
	flex-wrap: wrap;
}