/**
 * Boutons toggle parent du mega menu (remplacement de <a href="#">).
 * Annule le style natif des <button> et aligne texte + flèche comme les anciens liens.
 */

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-width: 0 !important;
	border-style: none !important;
	border-color: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none;
	box-sizing: border-box;
	cursor: pointer;
	font: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
	text-decoration: none;
	text-transform: inherit;
	width: auto;
	height: auto;
	min-height: 0;
	display: inline-flex !important;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
	vertical-align: baseline;
	white-space: nowrap;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link:focus,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link:focus-visible {
	outline: none;
	box-shadow: none;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator {
	display: inline-flex !important;
	align-items: center;
	align-self: center;
	flex-shrink: 0;
	width: auto !important;
	height: auto !important;
	background: transparent !important;
	position: static !important;
	float: none !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	min-width: 0;
	font-size: inherit;
	padding: 0 !important;
	margin: 0 0 0 2px !important;
	line-height: 1 !important;
	vertical-align: middle;
	pointer-events: auto;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after {
	content: '' !important;
	display: block !important;
	width: 13px !important;
	height: 13px !important;
	background: transparent url('../imgs/arrow_menu.svg') no-repeat center center !important;
	background-size: 100% 100% !important;
	transition: transform 0.3s ease !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	vertical-align: middle;
	font-family: inherit !important;
	line-height: 1 !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children.mega-toggle-on > button.mega-menu-link > span.mega-indicator::after {
	transform: rotate(180deg) !important;
}

/* Couleur blanche par défaut (comme les <a> du plugin Max Mega Menu) */
@media screen and (min-width: 1025px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link {
		color: #fff !important;
	}

	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link:hover,
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link:focus {
		color: #fff !important;
	}
}

/* Espacement horizontal entre les entrées du menu */
@media screen and (min-width: 1025px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1350px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1250px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}

/* Pages intérieures / header blanc : flèches bleues (desktop) */
@media screen and (min-width: 1025px) {
	header.sticky #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link,
	body.page-child header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link,
	body.page-template-default:not(.home) header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link,
	body.page-template-page-groupes header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link,
	body.page-template-page-metiers header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link,
	body.page-template-page-cabinets header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link,
	body.page-template-page-cabinet header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link,
	body.page-template-page-clients header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link,
	body.single header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link,
	body.search header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link,
	body.category header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link {
		color: #0e0059 !important;
	}

	header.sticky #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after,
	body.page-child header #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after,
	body.page-template-default:not(.home) header #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after,
	body.page-template-page-groupes header #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after,
	body.page-template-page-metiers header #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after,
	body.page-template-page-cabinets header #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after,
	body.page-template-page-cabinet header #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after,
	body.page-template-page-clients header #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after,
	body.single header #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after,
	body.search header #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after,
	body.category header #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after {
		background-image: url('../imgs/arrow_menu_bleu.svg') !important;
	}
}

/* Mobile : ligne entière cliquable + style menu latéral */
@media screen and (max-width: 1024px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > button.mega-menu-link {
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		color: #fff !important;
		padding: 8px 25px !important;
		font-size: 18px !important;
		line-height: 1.35 !important;
		height: auto !important;
		min-height: 44px;
		box-sizing: border-box;
		text-align: left;
		-webkit-tap-highlight-color: transparent;
	}

	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children.mega-toggle-on > button.mega-menu-link {
		background-color: #0a21ac !important;
	}

	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator {
		float: none !important;
		position: static !important;
		flex-shrink: 0;
		margin: 0 !important;
		pointer-events: none;
	}

	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > button.mega-menu-link > span.mega-indicator::after {
		margin: 0 !important;
	}
}