/* Surcharges locales du thème Material.
   ------------------------------------------------------------------ */

/* Titres de catégories du menu de gauche (feature navigation.sections).
   Par défaut Material les rend en gris atténué, peu visibles. On les
   accentue : couleur de marque (teal), plus gras, capitales espacées et
   un peu plus d'air au-dessus, pour qu'ils se lisent clairement comme des
   séparateurs de rubriques. Fonctionne en clair comme en sombre
   (--md-primary-fg-color = teal dans les deux schémas). */
.md-nav--primary .md-nav__item--section > .md-nav__link {
  color: var(--md-primary-fg-color);
  font-weight: 700;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  opacity: 1;
}

/* Un filet discret au-dessus de chaque rubrique renforce le découpage,
   sans surcharger. Pas de filet sur la toute première (Accueil est déjà
   au-dessus). */
.md-nav--primary .md-nav__item--section {
  margin-top: 1.4em;
  padding-top: 1.1em;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}
.md-nav--primary > .md-nav__list > .md-nav__item--section:first-child {
  margin-top: 0.6em;
  padding-top: 0;
  border-top: none;
}

/* Cartes de la page d'accueil (grid cards, ex. index.md) : rendre toute la
   carte cliquable, pas seulement le titre. Le lien du titre reste le seul
   <a> réel — inchangé, donc toujours lisible et toujours ce que le lecteur
   d'écran annonce. Le <li> devient la référence de positionnement ; un
   pseudo-élément ::after (vide, invisible) s'étend sur tout le <li> via
   inset: 0 et capte le clic n'importe où sur la carte. Aucun JS. */
.grid.cards > ul > li {
  position: relative;
}

.grid.cards > ul > li a:first-of-type::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer;
}