}

/* --- Si tu veux cibler uniquement les articles --- */
.itemBody p,
.component-content p,
.article-content p {
  line-height: 1.3 !important;

}
body {
  font-size: 16px;
  line-height: 1.7;
  color:#333;
}

ul.mod-menu li.current > a,
ul.mod-menu li.active > a {
  color: #333 !important;       /* Ta couleur souhaitée */
  font-weight: bold !important;   /* Garder le gras */
  text-shadow: none !important;   /* Supprimer ombre éventuelle */
  -webkit-text-fill-color: #333 !important; /* Pour WebKit (Chrome, Safari) */
  -moz-text-fill-color: #333 !important;    /* Pour Firefox */
}

ul.mod-menu li:hover > a {
  color: #333 !important;       /* même couleur que l'actif ou celle que tu veux */
  background-image: none !important; /* pour annuler un éventuel dégradé sur hover */
  -webkit-background-clip: unset !important;
}
ul.mod-menu li:hover > a,
ul.mod-menu li:focus > a,
ul.mod-menu li:active > a {
  color: #333 !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
}
ul.mod-menu li.current > a:hover,
ul.mod-menu li.active > a:hover,
ul.mod-menu li:hover > a {
  color: #333 !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  text-shadow: none !important;
}

/* Texte normal et actif */
ul.mod-menu a,
ul.mod-menu li.current > a,
ul.mod-menu li.active > a,
ul.mod-menu a[aria-current="page"] {
  color: #333 !important;  /* ta couleur ici */
  background-image: none !important;
  -webkit-background-clip: unset !important;
  color: #333 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #333 !important; /* Pour Chrome/Safari */
  -moz-text-fill-color: #333 !important;    /* Pour Firefox */
}

/* Texte au survol */
ul.mod-menu a:hover,
ul.mod-menu a:focus,
ul.mod-menu a:active {
  color: #000 !important;
 font-weight: bold !important;      /* Ajout pour le gras */
  background-image: none !important;
  -webkit-background-clip: unset !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #d333 !important;
  -moz-text-fill-color: #333 !important;
}

/* Annuler les pseudo-éléments qui appliquent couleur/dégradé */
ul.mod-menu a::before,
ul.mod-menu a::after {
  content: none !important;
  background: none !important;
  color: #333 !important;
  display: none !important;
}

ul.mod-menu li:hover > a,
ul.mod-menu a:hover,
ul.mod-menu a:focus,
ul.mod-menu a:active {
  color: #333 !important;            /* Ta couleur souhaitée */
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #333 !important;
  -moz-text-fill-color: #333 !important;
  transition: none !important;          /* Annule animations de transition */

}