/* ===================================================================
   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;
	top: 100%;
	left: 0;
	z-index: 1000;
	min-width: 200px;
	padding: 10px 0 5px 0;
	margin: 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;
}

/* IMPORTANT : le template Protostar (Bootstrap 2) ne sait pas afficher le
   sous-menu quand le script officiel de Joomla 5 (mod_menu/js/menu.min.js)
   fait passer aria-hidden à "false" au survol/clic/clavier. On corrige donc
   UNIQUEMENT ce lien manquant, sans reforcer l'ouverture nous-mêmes avec
   :hover : c'est le script Joomla qui reste seul maître de l'ouverture/
   fermeture (survol, clic, clavier, délais) - on ne fait que le rendre
   visible quand lui décide de l'ouvrir. */
.nav-pills .mod-menu__sub[aria-hidden="false"] {
	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;
}

/* IMPORTANT : on n'utilise plus :nth-of-type() car dans #sidebar .sidebar-nav
   il y a AUSSI le <ul class="mod-menu mod-list nav"> du menu juste avant les
   deux listes d'articles. nth-of-type compte TOUS les <ul> frères (menu inclus),
   donc les positions 1/2 ne correspondaient pas aux bonnes listes.
   On cible donc chaque liste par rapport à son voisin direct (+ = frère adjacent),
   ce qui est fiable quelle que soit la structure autour. */

/* La liste d'articles qui suit immédiatement le menu du sidebar = Les plus consultés */
#sidebar ul.mod-menu.mod-list.nav + ul.mod-articles-items.mod-list::before {
	content: "Les plus consultés";
}

/* La liste d'articles qui suit immédiatement une autre liste d'articles = Derniers articles */
#sidebar ul.mod-articles-items.mod-list + ul.mod-articles-items.mod-list::before {
	content: "Derniers articles";
}

/* ===================================================================
   BANDEAU DÉFILANT (remplace l'ancien module MarqueeAholic, dont les
   fichiers ont disparu). Effet en CSS pur, sans JavaScript, donc
   aucune extension tierce à maintenir. Le texte lui-même se modifie
   directement dans le module "Personnalisé" via l'éditeur (gras,
   couleur rouge, etc. avec la barre d'outils habituelle).

   IMPORTANT : on cible l'ID #mod-custom142 (visible dans l'inspecteur,
   ex: <div id="mod-custom142" class="mod-custom custom">) plutôt que
   le champ "Classe CSS supplémentaire" du module, qui n'est visiblement
   pas répercuté par le chrome de ce template (la classe marquee-actu
   n'apparaissait jamais dans le HTML malgré le champ bien rempli et le
   cache vidé). Cet ID est propre à CE module précis et ne change pas.
   =================================================================== */

#mod-custom142 {
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	background-color: #0088cc;
	padding: 8px 0;
}

/* Le texte tapé dans l'éditeur Joomla est automatiquement entouré
   d'un <p>, enfant direct de la div du module. */
#mod-custom142 p {
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	padding-left: 100%;
	color: #ffffff;
	font-weight: bold;
	animation: marquee-defilement 22s linear infinite;
}

/* Les mots mis en rouge ou en gras dans l'éditeur Joomla (via la barre
   d'outils) restent visibles tels quels par-dessus le fond bleu */
#mod-custom142 p strong,
#mod-custom142 p b {
	font-weight: 900;
}

@keyframes marquee-defilement {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}

/* Pause au survol, pour laisser le temps de lire si besoin */
#mod-custom142:hover p {
	animation-play-state: paused;
}