/* Ferefen - Menu mobile en accordeon
 * Par defaut Divi deroule TOUS les sous-menus : la liste devient interminable.
 * Ici chaque niveau est replie et s'ouvre avec la fleche a droite.
 */

.et_pb_menu .et_mobile_menu li.ff-has-sub {
	position: relative;
}

.et_pb_menu .et_mobile_menu li.ff-has-sub > ul.sub-menu {
	display: none !important;
}

.et_pb_menu .et_mobile_menu li.ff-has-sub.ff-open > ul.sub-menu {
	display: block !important;
}

/* Le libelle reste un lien : on laisse la place a la fleche */
.et_pb_menu .et_mobile_menu li.ff-has-sub > a {
	padding-right: 58px !important;
}

.ff-sub-toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 54px;
	height: var(--ff-row-h, 46px);
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	z-index: 5;
	-webkit-appearance: none;
	appearance: none;
}

.ff-sub-toggle:focus-visible {
	outline: 2px solid #FF6600;
	outline-offset: -2px;
}

.ff-sub-toggle__icon {
	display: block;
	width: 9px;
	height: 9px;
	margin-top: -4px;
	border-right: 2px solid #1E3888;
	border-bottom: 2px solid #1E3888;
	transform: rotate(45deg);
	transition: transform .2s ease, border-color .2s ease;
}

.ff-sub-toggle:hover .ff-sub-toggle__icon {
	border-color: #FF6600;
}

.ff-has-sub.ff-open > .ff-sub-toggle .ff-sub-toggle__icon {
	margin-top: 3px;
	transform: rotate(-135deg);
	border-color: #FF6600;
}

/* Le parent ouvert se distingue legerement */
.et_pb_menu .et_mobile_menu li.ff-has-sub.ff-open > a {
	color: #1E3888 !important;
	font-weight: 600;
}