/* ===================================================================
   CORRECTIF - Affichage des sous-menus déroulants
   Le JavaScript natif de Joomla 5 (mm-collapse) n'est pas compatible
   avec le template Protostar (Bootstrap 2). Ce correctif force
   l'affichage des sous-menus au survol de la souris, en CSS pur,
   sans dépendre du JavaScript.
   =================================================================== */

/* On masque les sous-menus par défaut */
.nav-pills .mod-menu__sub {
	display: none;
	position: absolute;
	z-index: 1000;
	min-width: 200px;
	padding: 5px 0;
	margin: 2px 0 0;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	list-style: none;
}

/* On affiche le sous-menu au survol de l'élément parent */
.nav-pills li.parent:hover > .mod-menu__sub,
.nav-pills li.deeper:hover > .mod-menu__sub {
	display: block !important;
}

/* Mise en page des sous-menus (empilés verticalement) */
.nav-pills .mod-menu__sub li {
	display: block;
	float: none;
	width: 100%;
}

.nav-pills .mod-menu__sub li a {
	display: block;
	padding: 5px 15px;
	white-space: nowrap;
	color: #333333;
}

.nav-pills .mod-menu__sub li a:hover {
	background-color: #f5f5f5;
	text-decoration: none;
}

/* Positionnement relatif nécessaire pour que le sous-menu absolu
   se place correctement sous son parent */
.nav-pills li.parent {
	position: relative;
}

/* Empêche le sous-menu imbriqué (niveau 2) de s'afficher en dessous
   plutôt qu'à droite, si jamais il y a plus de 2 niveaux */
.nav-pills .mod-menu__sub .mod-menu__sub {
	top: 0;
	left: 100%;
}

/* ===================================================================
   Ajout des titres manquants pour les modules "Derniers articles"
   et "Les plus consultés" (le système de chrome PHP du template
   ne les affiche pas correctement)
   =================================================================== */

ul.mod-articles-items.mod-list::before {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 2px solid #0088cc;
}

/* Premiere liste "mod-articles-items" rencontree dans la colonne = Les plus consultes */
#sidebar ul.mod-articles-items.mod-list:nth-of-type(1)::before {
	content: "Les plus consultés";
}

/* Deuxieme liste "mod-articles-items" rencontree dans la colonne = Derniers articles */
#sidebar ul.mod-articles-items.mod-list:nth-of-type(2)::before {
	content: "Derniers articles";
}