/*
 * Menu principal (widget Elementor « besa-nav-menu » de l'en-tête, et son menu mobile mmenu).
 */

/*
 * Sous-menu de premier niveau (ex. sous Acheter) aligné sur le bord gauche de son élément. Besa le
 * cale à left: 15px ET right: 15px de l'élément ; plus large (250 px) que le lien (ex. « Acheter »,
 * 78 px), il se retrouvait calé à droite et débordait d'environ 190 px vers la gauche.
 */
.elementor-widget-besa-nav-menu .tbay-horizontal .navbar-nav > li > .dropdown-menu {
	left: 0;
	right: auto;
}

/*
 * Sous-sous-menus. Elementor place tout sous-menu à top: 100% !important de son élément parent
 * (.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li ul). Pour un sous-sous-menu
 * (ex. Acheter › Par métier › …), il s'ouvrait donc sous l'élément survolé, décalé vers le bas :
 * la souris quittait le menu en passant de l'un à l'autre et tout se refermait.
 * On l'aligne sur l'élément survolé : -25 px = le padding haut des sous-menus de Besa
 * (.dropdown-menu { padding: 25px 0 }), pour que son premier lien soit à la hauteur du parent.
 */
.elementor-nav-menu--layout-horizontal .elementor-nav-menu .dropdown-menu .dropdown-menu {
	top: -25px !important;
}

/*
 * Intitulés de rubrique dans un sous-menu (ex. « Par métier », « Par catégorie » sous Acheter) :
 * élément de menu « Lien personnalisé » d'URL #, avec la classe CSS tm-menu-heading (Apparence >
 * Menus > Options de l'écran > Classes CSS). Affiché comme un titre, non cliquable, sans changement
 * de couleur au survol ni au focus ; un filet le sépare de la rubrique précédente, sauf s'il est le
 * premier élément du sous-menu. Sélecteurs ordinateur préfixés comme ceux de Besa
 * (.elementor-widget-besa-nav-menu .tbay-horizontal .navbar-nav .dropdown-menu > li > a) pour
 * passer devant eux.
 */
.elementor-widget-besa-nav-menu .tbay-horizontal .navbar-nav .dropdown-menu > li.tm-menu-heading > a,
.elementor-widget-besa-nav-menu .tbay-horizontal .navbar-nav .dropdown-menu > li.tm-menu-heading:hover > a,
.elementor-widget-besa-nav-menu .tbay-horizontal .navbar-nav .dropdown-menu > li.tm-menu-heading > a:hover,
.elementor-widget-besa-nav-menu .tbay-horizontal .navbar-nav .dropdown-menu > li.tm-menu-heading > a:focus,
body .mm-menu li.tm-menu-heading > a:not(.mm-btn_next),
body .mm-menu li.tm-menu-heading > a:not(.mm-btn_next):hover,
body .mm-menu li.tm-menu-heading > a:not(.mm-btn_next):focus {
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #0a0f1a;
	background: transparent;
	text-decoration: none;
	cursor: default;
	pointer-events: none;
}

/* Ordinateur : un peu d'air au-dessus, filet entre deux rubriques. */
.elementor-widget-besa-nav-menu .tbay-horizontal .navbar-nav .dropdown-menu > li.tm-menu-heading > a {
	padding-top: 6px;
	padding-bottom: 4px;
}

.elementor-widget-besa-nav-menu .tbay-horizontal .navbar-nav .dropdown-menu > li.tm-menu-heading:not(:first-child) {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e9edf3;
}

/* Mobile (mmenu) : bandeau discret pour distinguer l'intitulé des liens. */
body .mm-menu li.tm-menu-heading {
	background: #f4f6fa;
}

body .mm-menu li.tm-menu-heading > a:not(.mm-btn_next) {
	padding-top: 12px;
	padding-bottom: 8px;
}