/* Le Jardin de Clo — repère visuel automatique de la rubrique ouverte */
.site-header nav a.jdc-current,
.site-header nav a.active.jdc-current,
header .nav a.jdc-current,
header .desktop-nav a.jdc-current,
.mobile-menu nav a.jdc-current {
  background: #eaf3ed !important;
  color: #2f6d55 !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 -2px 0 #2f6d55,
    0 3px 10px rgba(47,109,85,.08) !important;
  text-decoration: none !important;
  transition:
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

.site-header nav a:not(.nav-contact):hover,
header .nav a:hover,
header .desktop-nav a:hover,
.mobile-menu nav a:hover {
  background: rgba(234,243,237,.62);
  border-radius: 14px;
}

.site-header nav a.jdc-current:hover,
header .nav a.jdc-current:hover,
header .desktop-nav a.jdc-current:hover,
.mobile-menu nav a.jdc-current:hover {
  transform: translateY(-1px);
}

/* Le contact garde son bouton habituel, sauf lorsqu'il est réellement actif. */
.site-header nav a.nav-contact.jdc-current {
  background: #eaf3ed !important;
  color: #2f6d55 !important;
}

/* Sur mobile : le repère reste visible sans prendre toute la largeur. */
@media (max-width: 900px) {
  .site-header nav a.jdc-current,
  header .nav a.jdc-current,
  header .desktop-nav a.jdc-current,
  .mobile-menu nav a.jdc-current {
    width: fit-content;
  }
}