/* Menu CSS pur - remplace ddsmoothmenu.js (2026) */

/* Menu horizontal - desktop */
#topMenu ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

#topMenu ul li {
	position: relative;
}

/* Sous-menus dropdown (si utilises) */
#topMenu ul li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	background: var(--color-white, #fff);
	border: 1px solid var(--color-border, #e2e8f0);
	border-radius: 0 0 6px 6px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	z-index: 100;
	flex-direction: column;
	padding: 4px 0;
}

#topMenu ul li:hover > ul {
	display: flex;
}

#topMenu ul li ul li {
	width: 100%;
}

#topMenu ul li ul li a {
	padding: 10px 16px;
	font-size: 0.85rem;
	text-transform: none;
	font-weight: 400;
	border-bottom: 1px solid var(--color-border-light, #edf2f7);
	color: var(--color-text, #2d3748);
}

#topMenu ul li ul li:last-child a {
	border-bottom: none;
}

#topMenu ul li ul li a:hover {
	background: var(--color-primary-light, #e8f4fb);
	color: var(--color-primary, #1a8fd1);
}

/* Responsive - menu vertical sur mobile */
@media only screen and (max-width: 768px) {
	#topMenu ul {
		flex-direction: column;
	}

	#topMenu ul li ul {
		position: static;
		box-shadow: none;
		border: none;
		border-radius: 0;
	}

	#topMenu ul li ul li a {
		padding-left: 32px;
	}
}