/*
 * Sun Concepts — Language Switcher Fix
 * Header post ID 10
 *
 * Two nav-menu widgets both use the "langues" menu:
 *   - #6fd942a  (depth 2, inside container 21d4308c) → KEEP this one
 *   - #52b0fb22 (depth 1, direct child of root container) → HIDE this duplicate
 *
 * We target the duplicate by its Elementor element ID class.
 */

/* ── Hide the duplicate widget ─────────────────────────────────────────────── */
.elementor-element-52b0fb22 {
	display: none !important;
}

/* ── Style the primary language switcher (widget 6fd942a) ──────────────────── */
.elementor-element-6fd942a .elementor-nav-menu {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 0 !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	wrap: nowrap;
}

.elementor-element-6fd942a .elementor-nav-menu > li {
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

.elementor-element-6fd942a .elementor-nav-menu > li > a {
	text-decoration: none !important;
	white-space: nowrap !important;
	padding: 0 4px !important;
	font-family: Manrope, sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

/* Divider between language items */
.elementor-element-6fd942a .elementor-nav-menu > li + li::before {
	content: "|" !important;
	color: #324A6D !important;
	padding: 0 2px !important;
	font-size: 14px !important;
	line-height: 1 !important;
}

/* Active language highlight */
.elementor-element-6fd942a .elementor-nav-menu > li.current-menu-item > a,
.elementor-element-6fd942a .elementor-nav-menu > li.current_page_item > a {
	color: #E0A300 !important;
	font-weight: 600 !important;
}

/* ── Tablet (≤1024px) ──────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.elementor-element-6fd942a .elementor-nav-menu > li > a {
		font-size: 16px !important;
	}
}

/* ── Mobile (≤767px) ───────────────────────────────────────────────────────── */
@media (max-width: 767px) {
	/* On mobile the main nav-menu collapses to a hamburger.
	   Keep the language switcher visible and horizontal. */
	.elementor-element-6fd942a {
		display: flex !important;
		justify-content: flex-end !important;
		width: 100% !important;
		padding: 8px 16px !important;
	}

	.elementor-element-6fd942a .elementor-nav-menu {
		flex-direction: row !important;
		justify-content: flex-end !important;
	}

	.elementor-element-6fd942a .elementor-nav-menu > li > a {
		font-size: 14px !important;
	}
}